Тег <br>: обязательный перенос строки
Элемент br создаёт перенос строки там, где он является частью записи, например в стихотворении или многострочном адресе.
Назначение
Элемент br создаёт перенос строки там, где он является частью записи, например в стихотворении или многострочном адресе.
Как это работает
В отличие от нового абзаца br не создаёт отдельную смысловую группу. В обычном тексте строки переносятся автоматически по ширине контейнера; вручную повторять эту раскладку не нужно.
Пример
<p>Учебная редакция<br>Улица Примерная, дом 1<br>Демонстрационный город</p>Что должно получиться
Адрес сохраняет заданные смысловые строки. Если одна из них длиннее доступной ширины, браузер всё равно может добавить обычный автоматический перенос внутри неё.
Граница применения и частая ошибка
Цепочки br не подходят для вертикальных отступов. На узком экране ручной перенос в заголовке может дать неудобные короткие строки, хотя на широком макете выглядел аккуратно.
Самостоятельная проверка
Сделайте адрес из трёх строк, затем измените ширину. Для обычного абзаца уберите br и сравните естественные переносы браузера.
HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Для проверки сетевых запросов, отправки данных или функций браузера используйте отдельную локальную страницу.