在导航栏中垂直居中的单元格

Question

我想垂直居中居中菜单栏中的文本。我试过编辑HTML和CSS，但没有运气让它工作。

该网页位于：http://www.xuanyinwen.com/test4.html
的CSS是：http://www.xuanyinwen.com/css.css

谁能给一些想法，请！非常感谢！

Answer 1

变化.vertical李一到

.vertical li a{ 
border-color:-moz-use-text-color; 
border-right:1px solid; 
border-style:none solid solid; 
border-width:0 1px 1px; 
display:block; 
line-height:4em; 
padding:0.2em 10px; 
text-decoration:none; 
width:200px; 
text-align:center;} 

Answer 2

而不是给锚元素的特定宽度和高度（，这是没用的，因为无论如何他们得到display: block的话），你可以给他们填充：

#menu li a { 
    padding: 1em 0; 
} 

Answer 3

要将.vertical里的规则，添加：

line-height: 4em; 
vertical-align: middle;