line-height,text-align设置文字水平垂直居中

<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="list.html">人才招聘</a></li>

 </ul>

.nav_mid_left li{
    float:left;
    list-style-type: none;
    width:100px;
    text-align: center;//设置文字水平居中
    line-height:40px;//设置文字垂直居中
}

如果想要盒子中的文字垂直居中，只要将文字的行高设置为和盒子高度一致即可。