Firefox上列出錯誤

火狐似乎放在列表項的任何單詞，在不同的行多於一個字，就像這樣： http://a.flatsi.es/projects/7temwk/images/j7tjrt
但一切是我怎麼想的那樣，是這樣的。
http://a.flatsi.es/projects/7temwk/images/9766kh Firefox上列出錯誤

在正確的方向上的一個點將是超級。

HTML

<div class="singlenav"> 
<ul> 
<li><a href="/v2">Home</a></li> 
<li><a href="/v2/?p=17">About</a></li> 
<li><a href="/v2/?p=14">Information</a></li> 
<li><a href="/v2/?p=11">Study Skills</a></li> 
<li><a href="/v2/?p=8">Discuss</a></li> 
<li><a href="/v2/?p=5">Contact</a></li> 
</ul> 
</div>

CSS

.quicklinks{ 
width: 100%; 
font: bold 20px 'Helvetica',sans-serif; 
color: #333; 
text-align: left; 
margin: 70px 0 0 0; 
display:inline-block; 
} 

.quicklinks li{ 
white-space: nowrap; 
} 


.quicklinks li a{ 
color: #333; 
text-decoration: none; 
padding: 10px; 
margin: -10px; 
}

來源

2012-09-17 nickoreardon

你可以發佈你正在使用的HTML和任何其他應用於列表的CSS嗎？我沒有看到這是基於你發佈的內容。在相關說明中，您可以在單詞或CSS空白規則之間使用' '來防止破壞。 – j08691

謝謝@ j08691，加入爲我工作，現在想知道是否有什麼我在做錯誤的CSS。再次感謝！ – nickoreardon

我剛剛測試了我的答案，針對您新添加的測試用例，它在我的Fx上運行良好。問題是你依賴於默認行爲。如果你不想受到瀏覽器默認值的支配，你需要明確，如我的答案。 – Rushyo