Уменьшите пространство между <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;
}

Высота строки w3schools