Zeilenumbruch

Für den Zeilenumbruch steht das <br> Tag zur Verfügung. Es ist ein Standalone Tag.

Längerer Text der über den rechten Rand hinausreicht, wird automatisch umgebrochen. Bei besonders langen Worten kann es schon mal sein, dass man eine Trennung vorgeben möchte. Dazu stehen 2 Möglichkeiten zur Verfügung,

<p>Schiff&shy;fahrts&shy;dampfer&shy;gesell&shy;schaft</p>

Erklärung:

Mit dem entity &shy; (soft hypen = bedingter Trennstrich) wird eine Stelle markiert, an der getrennt werden darf, falls das Wort über das Ende der Zeile hinausreicht. Der Browser sollte das Wort mit einem Umbruch trennen und einen Trennstrich einfügen.

<p>Schiff<wbr>fahrts<wbr>dampfer<wbr>gesell<wbr>schaft</p>

Erklärung mit dem Tag <wbr> wordbreak wird ebenfalls umgebrochen, aber es wird kein Trennstrich eingefügt.

Internetexplorer interpretierte das Element bis Version 7 ab da nicht mehr im Standardkonformen Modus.

Mit dem Element <nobr></nobr> wir alles, was im Gültigkeitsbereich steht nicht umgebrochen. Ein Zeilenumbruch wird verhindert. Dazu verwendet man besser die CSS Eigenschaft white-space

Hyphenator

https://code.google.com/p/hyphenator/

Mit dem Hyphenator, einer Javascriptdatei kann man eine automatische Silbentrennung erzeugen. Laden Sie die Javascript Datei herunter und binden Sie diese in der HTML Seite ein.

Alle Elemente in denen getrennt werden soll, müssen mit Klasse .hyphenate ausgezeichnet werden. Man kann auch Bereiche ausschließen mit .donthyphenate