Как центрировать li> элемент в div?

Question

Мой код: http://jsbin.com/yowava/1/edit?output

Я пробовал все, что искали, но элемент в ул> литий не может быть вертикальным центром в DIV.

Извините за мой плохой английский! Спасибо за вашу помощь!

Answer 1

Используя ваш пример, самый простой способ будет:

#menu li { 
    line-height:33px; 
} 

DEMO

Answer 2

Набор для line-height же, как height из ul.

#menu li { 
    line-height: 33px; 
} 

Answer 3

Вы можете попробовать прокладку, один из самых простых путей выхода.

Просто добавьте его в nav

padding-top:10px; 

Answer 4

если ур собирается использовать display:table; трюк у просто нужно это

*{ 
    margin: 0; 
    padding: 0; 
} 
#nav{ 
    width: 100%; 
    height: 33px; 
    background-color: yellow; 
    display: table; 

} 
#menu{ 
    display: table-row; 
} 
#menu li{ 
    display: table-cell; 
    vertical-align: middle; 
    margin-right: 5%; 
    float: right; 
} 

, но это не означает, что вертикальная выравнивания работает только с таблицами, проверка @http://phrogz.net/css/vertical-align/