水平對齊菜單文本

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; 
}