Как я могу равномерно сбалансировать текст по нескольким строкам? ⇐ Html

[Anonymous]

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

Вместо этого:


Это пример фрагмента текста, который будет перенесен на две

строки.


Мне нужно это:


Это пример фрагмента

текста, который будет перенесен в две строки.


Но я не хочу ограничивать ширину текстового контейнера:


Этот текст достаточно длинный, чтобы едва поместиться в две строки. Он

не должен переноситься на три или более строк, поэтому нет ограничения по ширине.


Есть ли способ сделать это на чистом CSS или с допустимым количеством JavaScript?

Подробнее здесь: https://stackoverflow.com/questions/348 ... iple-lines