html - 使用 CSS 将两个标题彼此靠近对齐

Question

我有两条线，它们之间有空格。就像下面的....

 <h2> Something Something <h2>



 <h4> Something here too </h4>

我希望它看起来像这样:

 <h2> Something Something <h2>
 <h4> Something here too </h4>

空间显示在浏览器中。我使用标签只是为了清楚。

如何缩小橙色矩形内的空间？

Answer 1

首先，确保标题元素上的 padding 和 margin 为 0。

之后，您可以调整它们的 line-height 值以获得您喜欢的空间量。示例:http://jsbin.com/afivoq/4/edit

您的另一种选择!您可以在其他标题元素之后的标题元素上应用负 margin-top，如下所示:

h2 + h4 { margin-top: -20px; }

请参阅 jsbin 以获取更新的示例。