使用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。