html - 将hr栏与CSS菜单栏对齐

我在尝试将<hr>分隔符与菜单栏对齐时遇到问题。

我希望<hr>分隔线位于菜单栏的正下方，并且之间没有空格。

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

谢谢！

最佳答案

将标记用于仅视觉元素是一种不好的做法。 （也就是说，没有内容的元素，只是设计的元素）

对于这样的视觉功能，我将使用border-bottom：

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

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

检查一下，几乎就是您所要求的。