3. Text- und Zeilenbreite begrenzen

Dieser Text mit Schriftart Verdana hat eine Schriftgröße von 0.9em bei einer line-height von 1.4em. Er befindet sich in keinem begrenzten Div und es sind auch keine Abstände hinterlegt. Damit erstreckt er sich über die gesamte Bildschirmbreite. Je nach Bildschirmgröße und Bildschirmauflösung können die einzelnen Zeilen sehr lang werden.

Dieser Text mit Schriftart Verdana hat eine Schriftgröße von 0.9em bei einer line-height von 1.4em. Er hat einen linken und rechten Abstand zum Bildschirmrand von je 20px. Das sieht zumindest schon etwas besser aus. Allerdings gilt das Gleiche wie oben:
Der Text befindet sich in keinem begrenzten Div. Damit erstreckt er sich - von den kleinen Außenabständen abgesehen - über die gesamte Bildschirmbreite. Je nach Bildschirmgröße und Bildschirmauflösung können die einzelnen Zeilen sehr lang werden.

Dieser Text mit Schriftart Verdana hat eine Schriftgröße von 0.9em bei einer line-height von 1.4em. Er hat einen linken Abstand zum Bildschirmrand von 20px. Die Breite des Containers, in dem er sich befindet, ist auf 800px begrenzt. Auch dieser Wert ist noch relativ groß.

Dieser Text mit Schriftart Verdana hat eine Schriftgröße von 0.9em bei einer line-height von 1.4em. Er hat einen linken Abstand zum Bildschirmrand von 20px. Die Breite des Containers, in dem er sich befindet, ist auf 400px begrenzt.
Dieser Text lässt sich sehr problemlos lesen, weil nicht der ganze Kopf mit den Zeilen "mitwandern" muss.

zurück zur Anleitung
zur Startseite