Правила написания тега br. Когда применять html тег br

Тег <br> устанавливает перевод строки в том месте, где этот тег находится.

Настольные Мобильные

В отличие от тега абзаца <p>, использование тега <br> не добавляет пустой отступ перед строкой.

Закрывающий тег не требуется.

Правила написания тега br

<!-- HTML -->
Текст<br> текст

Пример применения тега br

<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>Тег br</title>
</head>
<body>
<p>
  Два идущих друг за другом тега br увеличат<br>
  вертикальное расстояние между строчками.<br>
  Но так делать не нужно!<br>
  Для увеличения расстояния используйте CSS.
</p>
</body>
</html>

Результат данного примера показан на рисунке ниже:

Как же нам увеличить расстояние между строками без тега br, спросите вы? Воспользуйтесь CSS свойствами padding, или margin для абзацев, или line-height для строк внутри абзаца.