Новая строка без тега

Написание этого html:

lorem ipsum
lorem ipsum
lorem ipsum

показывает браузер:

lorem ipsumlorem ipsumlorem ipsum

Есть ли способ увидеть это:

lorem ipsum
lorem ipsum
lorem ipsum

без использования тега <br> в конце каждой строки и без использования textarea.

Мне нужно это, потому что у меня есть текст со 100 000 коротких строк, и это занимает много времени, чтобы писать тег <br> 100 000 раз.

Вы можете использовать тег <pre>, чтобы сохранить разрывы строк.

<pre>
lorem ipsum
lorem ipsum
lorem ipsum
</pre>

Стиль по умолчанию для тегов pre - моноширинный шрифт, но это может быть переопределено.

Вы можете добиться такого же эффекта без дополнительного форматирования по умолчанию, используя свойство white-space: pre CSS.

<div style="white-space: pre">
lorem ipsum
lorem ipsum
lorem ipsum
</div>

Есть несколько других значений для white-space, но вы должны обратиться к документации, чтобы выбрать наиболее подходящий.

Обратите внимание, что pre будет обрабатывать каждую разрыву строки так же, как и теги <pre> или <div>. Если вы не хотите их, вам нужно будет:

<div style=...>lorem ipsum
lorem ipsum
...

Html: вы можете обернуть их в элементы блока, такие как <div></div> или <h1></h1>

Css: вы можете использовать white-space: pre-wrap;

Js: Вы можете использовать "replace" для изменения "\n" на <br/>