Как переносить текст не используя br и width?

Question

[godsplane]

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

Comments

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

Br как раз для таких случаев и существует.
Шириной тоже можно, можно разными параграфами сделать

[Dima Polos]

А еще жестко, но тоже можно - тег pre))

Answer 1

[Дмитрий Кузнецов]

Почему вам кажется что этот вариант не верный?

Как вариант - это просто 2 отдельных блока.

Что-то типо такого: (писал на Tailwindcss, может где-то ещё такие же стили используются)
.flex.flex-col>div*2>Текст

Answer 2

[xenonhammer]

Ну можно оба текста завернуть в тег <p></p>. Но это не совсем удобно, потому что придут отступы, которые по дефолту и нужно будет для них писать стили чтобы ушли. По этой причине оборачивают не в p, а spanсо width: 100%, либо просто вdiv, так как он по умолчанию имеет display: block, который занимает всю ширину родителя.я

Answer 3

[Zellar13]

Тег br как раз и существует для этой задачи и это правильно использовать его. Не правильное его использование, когда этот тег применяют для создания отступов