html - 列表中的全高导航栏链接

Question

这是我的代码:

http://jsfiddle.net/spadez/FbADY/5/

我想知道什么是使我的导航链接扩展导航栏的整个高度且文本垂直居中的正确语义方法。

我尝试将链接的 line-height 设置为与导航栏相同，但它不会影响链接的高度。

Answer 1

.navigation li a {
    display: block;
    height:60px; /* same as header */
    line-height:60px; /* same as header */
}

JSfiddle Demo