Различные методы создания разрывов строк в HTML

  1. Использование тега
    . Тег
     — это самозакрывающийся тег, который вставляет разрыв строки. Например:

    This is the first line.<br>
    This is the second line.
  2. Использование тега

    . Тег

     — это элемент уровня блока, который создает разрывы абзацев. Например:

    <p>This is the first paragraph.</p>
    <p>This is the second paragraph.</p>
  3. Использование свойства CSS white-space. Вы можете использовать CSS для управления разрывами строк внутри элемента. Свойство white-space, которому присвоено значение preили pre-line, может сохранять разрывы строк. Например:

    <style>
     .line-break {
       white-space: pre-line;
     }
    </style>
    <div class="line-break">
     This is the first line.
     This is the second line.
    </div>
  4. Использование тега

    . Тег 
    сохраняет пробелы и разрывы строк в том виде, в котором они появляются в разметке HTML. Например:

    <pre>
    This is the first line.
    This is the second line.
    </pre>
  5. Использование CSS со свойством display. Вы можете использовать CSS для изменения свойства отображения элемента для создания разрывов строк. Например:

    <style>
     .line-break {
       display: block;
     }
    </style>
    <span class="line-break">This is the first line.</span>
    <span class="line-break">This is the second line.</span>