显示内嵌块造成一个奇怪的线路出现

Question

这里是我的代码：http://jsfiddle.net/spadez/qXZFW/10/

上的菜单左边似乎显示内嵌块是造成一行出现在每一段文字

的开始

.nav-sprite { 
    background: url('http://www.otlayi.com/web_images/content/free-doc-type-sprite-icons.jpg'); 
display: inline-block; 
background-repeat: no-repeat; 
padding: 15px; 
margin-right: 12px; 
vertical-align: middle; 
} 

如果我删除它，布局会改变并分开调用。任何人都可以请解释为什么会发生这种情况以及我如何解决它。

Answer 1

将text-decoration: none;加到.nav li a - 这将解决问题。这只是你看到的链接的下划线。

Answer 2

发生这种情况的原因是默认情况下使用锚标签具有属性“text-decoration：underline”，请使用以下规则解决此问题。

.nav li a{ 
    text-decoration: none; 
}