Выравнивание текста меню по горизонтали

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 над текстом, но если я просто удалю его, то он находится в верхней части кнопки, что является моим текущим временным решением.

Спасибо!

EDIT: Вот что я имею в виду выравниванием по центру http://i.imgur.com/Iw5ecwF.png Смотрите, как «модные аксессуары» центрируется по горизонтали

Answer 1

Вот дополненная скрипку http://jsfiddle.net/80cfd39u/2/. Я изменил CSS #menu-list a как показано ниже

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