← Все вопросы

Текст в HTML не переносится на новую строку, хотя я нажимаю Enter

Задан 24 месяца назад750 просмотров2 ответа
6

Пишу несколько предложений в файле, каждое с новой строки (жму Enter в редакторе). Но в браузере они слиплись в одну строку! Почему мои переносы не работают и как заставить текст идти с новой строки?

2 ответа

11
✓ Принятый ответ — помог автору

Браузер игнорирует переносы строк и лишние пробелы из твоего кода — это нормально. Для него важны только теги.

Чтобы получить разделение, используй теги:

  • Отдельные абзацы — каждый в свой <p>:
<p>Первое предложение.</p>
<p>Второе предложение.</p>
  • Принудительный перенос внутри одного блока — <br>:
Строка один<br>
Строка два

<br> — это «нажми Enter здесь». У него нет закрывающего тега, он одиночный.

Главное правило: в HTML внешний вид задают теги, а не пробелы и Enter'ы в редакторе.

3

Маленькое уточнение, чтобы не наделать ошибок: не злоупотребляй <br> для отступов между абзацами. Несколько <br> подряд ради «пустого места» — плохая привычка. Для абзацев бери <p>, а расстояние между ними потом настроишь в CSS.

Ваш ответ

Войдите, чтобы ответить на вопрос.