Wie kann ich Text gleichmäßig über mehrere Zeilen verteilen? ⇐ HTML

[Anonymous]

Ich möchte einen kurzen Text anzeigen, der zwei oder drei Zeilen lang sein kann. Es befindet sich in einem sehr visuellen Element und aus Stilgründen möchte ich, dass die Zeilen so lang wie möglich sind, wobei eine Zeile gegenüber zwei bevorzugt wird.

Stattdessen:


Dies ist ein Beispiel für einen Text, der in zwei Zeilen umgebrochen wird

.


Ich möchte Dies:


Dies ist ein Beispiel für ein Stück

Text, der in zwei Zeilen umgebrochen wird.


Aber ich möchte die Breite des Textcontainers nicht einschränken:


Dieser Text ist lang genug, um gerade noch in zwei Zeilen zu passen. Es

sollte nicht auf drei oder mehr Zeilen umbrochen werden, daher gibt es keine Breitenbeschränkung.


Gibt es eine Möglichkeit, dies in reinem CSS oder mit einer erträglichen Menge an JavaScript zu tun?