显示内联或负边距

Question

我正在为我的标题使用<h2>标记。在下面，我有一个<hr />标签。标题和<hr />之间的空格太大了。

我会在display: inline;标记上使用<h2>，在margin-top上使用否定<hr />，还是使用其他内容？

Answer 1

不要在标题与其引入的内容之间使用hr元素。 （*）

更好地使用CSS：

h2 {
    border-bottom: 2px groove white;
}

比使用结构元素进行样式设计。

（*）它的语义更像end of one section, start of another（根据Hixie通过HTML5doctor）。我在过去一年的项目中经常使用它，但坦率地说，你也可以在没有...的情况下生活;而且跨浏览器的风格也很难，这根本没有帮助！

编辑：OP关心hr的默认渲染，找到了一个比我最初的样式1px solid #CCC更好的方法2px groove white（见下面的评论），它的编辑遭到了拒绝，但对我来说这很好无论如何我编辑了我的答案。