<ul>
<li><a href="#">首页</a></li>
<li><a href="list.html">关于慕课</a></li>
<li><a href="list.html">新闻动态</a></li>
<li><a href="list.html">课程中心</a></li>
<li><a href="list.html">在线课程</a></li>
<li><a href="#">首页</a></li>
<li><a href="list.html">关于慕课</a></li>
<li><a href="list.html">新闻动态</a></li>
<li><a href="list.html">课程中心</a></li>
<li><a href="list.html">在线课程</a></li>
<li><a href="list.html">人才招聘</a></li>
</ul>
.nav_mid_left li{
float:left;
list-style-type: none;
width:100px;
text-align: center;//设置文字水平居中
line-height:40px;//设置文字垂直居中
}
如果想要盒子中的文字垂直居中,只要将文字的行高设置为和盒子高度一致即可。