Как сделать такой перенос слов?

Question

[Сергей Дроздов]

Как сделать перенос, как на фото, без использования <br>?

Comments

[Александр]

https://css-live.ru/articles/gde-vsyo-slozhno-s-pe...

[WapSter]

Ограничить размер содержимого блока, воспользоваться спец символом переноса

[Сергей Дроздов]

WapSter, ограничить размер не получится. Спец. символом <br>? (чуть-чуть изменил пример)

[WapSter]

Сергей Дроздов,
это не спец символ, а html элемент

[Сергей Соколов]

Сергей Дроздов, уточните: задача — ровно по 1 слову в строке?
Иллюстрация не лучшая..

Можно обернуть такой текст в очень узкий контейнер, тогда перенос будет на каждом пробеле.

[Сергей Дроздов]

Сергей Соколов, нет, да немного неправильно показал. Нужно именно так же, как и на примере. В первой строке 2 слова, во второй 1, в третьей 3

[Сергей Соколов]

Сергей Дроздов, какая формальная логика стоит за именно таким распределением текста по строкам?
Ведь «ещё» можно было бы на 2-ю строку поместить.

[RAX7]

еще длиннее

[Сергей delphinpro]

Сергей Соколов, нет там вообще никакой логики. Нужно "по макету".
Вариант здесь только один - <br>

[Антон Литвиненко]

а чем br то не подходит? он для этого и создан

[Сергей Дроздов]

Антон Литвиненко, на десктопной версии уже другой перенос. Или нужно сделать два заголовка, один для десктопной, другой для мобильной?

[Сергей Дроздов]

Сергей delphinpro, на десктопной версии уже другой перенос. Или нужно сделать два заголовка, один для десктопной, другой для мобильной?

[Антон Литвиненко]

Сергей Дроздов, нет, я считаю надо дизайнеру сказать что так нехорошо, текст дожен переносится сам. а если будет на немецком? и если вообще решат другой текст?

[Сергей delphinpro]

Сергей Дроздов, нет конечно. Подумайте: верстка будет интегрирована в какую-то CMS. Там будет простое поле для ввода текста. Просто сделайте выравнивание по центру. Если заказчик капризный, добавьте переносы br-ами.

Answer 1

[Глюкъ Виртуален]

Методом исключения.
Пропишите   во всех местах, где переноса строк не должно быть.

Answer 2

[Mikle123456789]

В самом коде переносишь строки и в css используешь свойство к нужному тэгу:
white-space: pre-line;

Comments

[Сергей Дроздов]

Каким образом переносить в коде?