Überschrift zweizeilig zentriert

[Gunnar Bittersmann]

@@Linuchs

Wenn der Text länger wird, wird erst die maximale Breite genutzt und dann kommt das letzte Wort in die zweite Zeile, sieht bescheuert aus:

Was auch bescheuert aussieht: " statt Anführungszeichen „“ und - statt Gedankenstrich – (noch dazu nicht einheitlich). „Merke: Der Bindestrich steht nie zwischen zwei Leerzeichen!“

Gibt es eine Möglichkeit, den Umbruch so zu machen, dass die beiden Zeilen etwa gleich breit sind?

Mit CSS glaube ich nicht.

Ein <br/> an die passende Stelle zu setzen ist eine Option, wenn man denn Herr des Inhalts ist. Wenn die Texte von anderen gepflegt werden oder gar von Nutzern generierte Inhalte sind, dann müsste man das durch JavaScript erledigen:

Wenn berechnete Höhe der Box = 2 Zeilenhöhen:
  p = halbe Länge des Strings
  Solange Zeichen an Position p kein Whitespace:
    Inkrementiere p
  Ersetze das Whitespace an Position p durch <br/>

Es ist nicht gesagt, dass man damit immer das bestmögliche Ergebnis erzielt; aber wohl immer ein besseres als ohne das Script.

LLAP 🖖