Что делает элемент <br> в HTML?
Элемент <br> используется для вставки разрыва строки или возврата в родительский элемент, такой как абзац, без выхода за пределы родительского контейнера.
Не злоупотребляйте переносом строки
Элемент <br> создает разрыв строки. Можно легко переусердствовать этим тегом для создания стиля, который переносит текст на следующую строку без отступов, в отличие от абзацев <p> и списков <ul>. Как правило, элемент <br> следует использовать только в том случае, если разрыв строки сам по себе является неотъемлемой частью содержимого.
Зачастую элемент используется для представления текста списком:
поэзия
адреса
образцы кода
Стих 1
<p>Первая строка<br>
Вторая строка<br>
Третья строка<br>
Четвертая строка</p>
Стих 2
<p>1-я строчка<br>
2-я строчка<br>
3-я строчка<br>
4-я строчка</p>

Если вы обнаружите, что используете <br> для разделения блоков текста, возможно, вам придется подумать об использовании тегов абзаца <p> или другого элемента. Если вы используете br для создания большего пространства между элементами, вам следует использовать CSS margin.
Стих
<p>Первая строка</p>
<p>Вторая строка</p>
<p>Третья строка</p>
<p>Четвертая строка</p>
Автор<br>
Описание
p {
margin: 3;
}
