水平对齐菜单文本

Question

如果你看看这个JSFiddle Code：http://jsfiddle.net/80cfd39u/ 我正在制作一个导航栏，但文本不是center水平对齐。

#menu-list a { 
    height: 40px; 
    color: #fff; 
    padding-top: 20px; 
    display: block; 
    text-decoration: none; 
} 

这里可能有很多指导/帮助，但不清楚他们使用什么代码来使它居中。

我知道目前CSS中有代码将20px Padding放在文本上方，但是如果我只是删除它，它位于按钮的顶部，这是我目前的临时解决方案。

谢谢！

编辑：这就是我的意思是居中对齐 http://i.imgur.com/Iw5ecwF.png参见“时尚配饰”如何居中水平

Answer 1

这里是更新的小提琴http://jsfiddle.net/80cfd39u/2/。我修改了#menu-list a CSS，如下所示

#menu-list a { 
    height: 60px; 
    color: #fff; 
    display: table-cell !important; 
    text-decoration: none; 
    vertical-align: middle; 
    text-align: center; 
    width:117px; 
}