关于竖直居中的问题
我做了一个导航栏，想让里面的链接竖直居中，可是使用了vertical-align:middle;却死活不起作用。求教下是什么原因造成的……
这是HTML：
<ul class="nav_ul">
  <li class="nav_button1"><a href="index.aspx">首 页</a></li>
  <li class="nav_button2"><a href="about.aspx"></a></li>
  <li class="nav_button3"><a href="product.aspx"></a></li>
  <li class="nav_button4"><a href="application.aspx"></a></li>
  <li class="nav_button5"><a href="contact.aspx"></a></li>
</ul>

这是CSS：
 .nav_button1 a
 {
float:left;
color:White;
background-color:#3795d2;
height:27px;
width:86px;  
font-size:14px;
text-align:center;
vertical-align:middle;
 }

------解决方案--------------------
.nav_button1 a
 {
float:left;
color:White;
background-color:#3795d2;
height:27px;
width:86px;
font-size:14px;
text-align:center;
line-height:27px;
 }


试试