Worttrennung: passt schon !
#20260209 { mediumturquoise }
Ich erinnere mich noch an meine erste Website bei Schlund & Partner, als ich feststellte, dass Text auf jedem Rechner anders aussieht, je nach installiertem Font. Mittlerweile hat sich in Sachen Typographie ja einiges getan. Aber ein paar Feinheiten sind immer noch tricky.
Die Headline hat ein ­ als optionale Trennung und ein vor dem Ausrufezeichen, damit es nie alleine steht. (Ja, das Leerzeichen gehört da eigentlich nicht hin.)
Nehmen wir das Wort Datenschutzgrundverordnung. Mit hyphens:auto wird das Wort nach den Regeln der eingestellten Sprache lang="de" umbrechen.
Eine Telefonnummer sollte aber +49 (0) 170 - 73 89 222 vielleicht nicht umbrechen. Das erreicht man mit white-space:nowrap
Dieser Absatz hat word-wrap:break-word und ist für lange URLs gedacht. Der Umbruch erfolgt zeichenweise ohne Trennstrich: http://mirkoschroeder.de/dda/2026/0209_ausgedachter_Code_der_eine_lange_URL_simuliert.php
Und wenn man es nicht richtig macht, sieht es aus wie bei fork.de:
