在導航欄中垂直居中的單元格

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;