步骤二4-3练习
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
div{height:180px;
width:100%;
background:#eee;
line-height:180px;
text-align:center;
}
img{vertical-align:middle;height:2em;}
.s1{font-size:2em;line-height:5em;vertical-align:middle;}
.s2{text-transform:capitalize;vertical-align:top;
text-decoration:underline;color:red;
}
</style>
</head>
<body>
<div><img src="http://img1.sycdn.imooc.com/climg//59c21bae000157fa01000059.jpg"/> 
<span class="s1">CSS层叠样式表</span> 
<span class="s2">(cascsding style sheets)</span>
</div>
</body>
</html>
正在回答
同学你好， 可以给英文设置 vertical-align: middle;属性， 实现垂直居中对齐， 参考下图修改
效果图： 由于视觉上存在误差， 可以放大浏览器，更好的查看效果哦
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星