水平对齐菜单文本

Question

如果你看看这个JSFiddle代码：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了解＆＃34;时尚配饰＆＃34;水平居中

Answer 1

以下是更新的小提琴 http://jsfiddle.net/80cfd39u/2/ 。我修改了++ CSS，如下所示

#menu-list a