Переносы и разделители в HTML: теги br и hr

При создании страницы в HTML может возникнуть ситуация, когда необходимо осуществить перенос строки, но при этом не использовать тег, формирующий новый абзац. Как правило, если речь идет о стихах или песнях.

Эта задача решается достаточно просто с использованием одиночного тега <br>. Надо отметить, что есть люди, которые практикуют создание подобия абзацев с помощью этого тега. Не надо так. Разметка абзацев должна осуществляться только с помощью тега <p>.

Как разделить текст в HTML-странице полосой

Тег <hr> также относится к числу одиночных и с его помощью можно сделать горизонтальную линию, которая будет являться разделителем. Изменить внешний вид линии возможно, если использовать атрибуты.

Перенос строки мы уже использовали, давайте добавим разделительную линию между книгами:

...
    Книга подойдёт для:
</p>
<ul>
    <li>Начинающих</li>
    <li>Середнячков</li>
    <li>Опытных</li>
</ul>
<hr>
<h2>Название книги 2</h2>
<p>
    Текст про книгу 2
...

В браузере результат будет выглядеть следующим образом:

Не используйте тег переноса там, где речь идёт о разделении абзацев. Используйте для этого тег <p>.