顯示內嵌塊造成一個奇怪的線路出現

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; 
}