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

Question

我在尝试对齐 <hr> 时遇到问题带有菜单栏的分隔线。

我想要 <hr>分隔符直接位于菜单栏下方，中间没有间距。

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

谢谢!

Answer 1

将标记用于纯视觉元素是一种不好的做法。 (即不提供内容，只提供设计的元素)

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

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

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

检查一下，几乎就是你问的。