减少 <hr> 和 <div> 之间的空间

Question

我有一些div 标签，在两者之间我有hr 标签。它们之间自动有空间。我想减少它。请参考下面的图片链接。

[箭头所指的空间是我要缩小的] 也告诉我在以下情况下是否有更好的方法来添加行

https://i.stack.imgur.com/OSQlP.jpg

Answer 1

您可以像这样减少行高或默认填充：

<div><h1>Text</h1></div>
<hr>
<div><h1>Text</h1></div>

h1,hr{
  line-height: 0;
}

Line height w3schools