使用css菜單欄調整hr欄

Question

我在嘗試將<hr> divider與菜單欄對齊時出現問題。

我希望<hr>分隔符直接位於菜單欄之下，兩者之間沒有空格。

Here's my code/what it looks like on jsfiddle.

謝謝！

Answer 1

嘗試

hr{ 
margin:0; 
    padding:0; 
} 

Answer 2

增加一個border-bottom到.container如何？否則，您必須在hr上設置負值上限。

Answer 3

使用標記僅用於可視元素是一種不好的做法。 （即，不提供內容，只是設計元素）

對於像這樣的視覺特徵，我會用border-bottom：

http://jsfiddle.net/8ymHe/1/

.container{ 
    text-align: center; 
    width: auto; 
    margin: 0px; 
    padding: 0; 
    border-bottom: 1px solid white; 
} 

檢查它，是相當多，你問什麼。