Как правильно использовать линейную высоту?

Question

Я сделал меню навигации 100% ширину, прикрепленную к верхней части страницы.

#nav { 

height: 50px; 

} 

Я использовал высоту строки, чтобы поместить текст в центре нав раньше, но он не работает, когда я делаю это ..

#nav ul li a { 

line-height: 50px; 
} 

Он появляется на полпути от дна нав

Answer 1

OK, Вы, кажется, упустили тот факт, что брови У некоторых есть встроенные стили для таких элементов, как <ul> и т. д.

И этот край для <ul> подталкивает все меню вниз.

Try "нормализующий" ваш CSS, включив

ul { 
    margin: 0px; 
} 

Как показано HERE.

Answer 2

ПРОВЕРКА ЭТА FIDDLE

#nav { 
position:fixed; 
top: 0px; 
left:0px; 
width: 100%; 
height: 50px; 
border-bottom: 1px solid #444; 
} 
#nav UL{ 
    MARGIN:0PX 

} 
#nav UL LI{ 
    DISPLAY:INLINE 

} 
#nav ul li a { 
text-decoration: none; 
color: white; 
text-shadow: 1px 1px 1px #000; 
    -moz-text-shadow: 2px 2px 1px #000; 
    -ms-text-shadow: 2px 2px 1px #000; 
    -o-text-shadow: 2px 2px 1px #000; 
    -webkit-text-shadow: 1px 1px 1px #000; 
line-height: 50px; 
}