css - 显示内联或负边距

Question

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

我会在标签上使用display: inline;，在标签上使用<h2>负数，甚至是其他东西吗？margin-top<hr />

Answer 1

不要hr在标题和它介绍的内容之间使用元素。(*)

更好地使用 CSS：

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

而不是将结构元素用于样式目的。

(*) 它的语义更像是一个部分的结束，另一个部分的开始（根据 Hixie 通过 HTML5doctor 的说法）。我在过去一年的项目中使用了很多它，但坦率地说，你也可以不用...

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