Как сделать перенос после каждого слова в диве?

Question

[stanislavkm]

Есть текст из трех слов в блоке.
Нужно, чтобы каждое было на новой строке.
В голове вариант с уменьшением ширины дива, чтобы слова принудительно переносились.
При помощи каких свойств или как это можно сделать это правильно?

Comments

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

br

[sergski]

Антон Литвиненко, + и немножко js

[Вадим]

правильно

- практически не существует.
Существует - наиболее подходяще под ситуацию.

Answer 1

[Сергей delphinpro]

Использовать BR или обертку каждого слова в отдельный блочный тег.
Необязательно вручную, можно сделать это джаваскриптом.

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

Хотя, пока писал ответ, пришла в голову одна хитрость – пограничный случай уменьшения ширины. Можно просто уменьшить ширину до нуля, и тогда каждое слово будет на новой строке.
Однако следует учитывать сайд-эффекты от этого метода из-за того, что распределяемая ширина для блока не будет соответствовать размеру контента в нем.