居中跨度链接

Question

我正在尝试创建菜单。

<div class="container"> 
<ul> 
    <li class="xd_nav_link_1"><a href=""><span>link</span></a></li> 
    <li class="xd_nav_link_2"><a href=""><span>link</span></a></li> 
    <li class="xd_nav_link_3"><a href=""><span>link</span></a></li> 
    <li class="xd_nav_link_4"><a href=""><span>link</span></a></li> 
</ul> 

我不能高度集中是一个连接架。 我也很喜欢，它是集中在：悬停

演示here 感谢

Answer 1

在这种情况下，你只需要添加的line-height等于链路的高度。

JSFiddle - Updated

a { 
    line-height:100px; 
} 

修订

a { 
    line-height:100px; 
    vertical-align:top; 
} 

a:hover { 
    line-height:50px; 
}