Как сделать горизонтальную линию в HTML

Горизонтальная линия в HTML – это элемент, который позволяет визуально разделять контент на веб-страницах. Чтобы создать такую линию, используется тег <hr>, что сокращенно от “horizontal rule”. Этот тег является одиночным, то есть не требует закрывающего тега.

Пример простого использования:

<p>Текст до линии</p>
<hr>
<p>Текст после линии</p>

Этот код создает стандартную горизонтальную линию между двумя абзацами текста. Внешний вид линии можно настроить с помощью CSS. Например, можно изменить цвет, толщину или стиль линии:

<style>
  hr {
    border: 0;
    height: 2px;
    background-color: #333;
  }
</style>

<p>Текст до линии</p>
<hr>
<p>Текст после линии</p>

Это CSS правило задаст горизонтальной линии высоту 2 пикселя и окрасит ее в темно-серый цвет. Обратите внимание, что свойство border задано как 0 для удаления стандартной границы и создания эффекта полосы через background-color.

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