Websiteentwicklung: CSS: Textausrichtung

Aus Wikibooks

Inhaltsverzeichnis 1 Erklärung 2 Mögliche Einstellungen 3 Beispiele 4 Navigation

[Bearbeiten] Erklärung

Mit dem text-align -Element kann die Ausrichtung eines Textes oder anderer Inhalte bestimmt werden.

[Bearbeiten] Mögliche Einstellungen

• left linksbündig
• right rechtsbündig
• center mittig
• justify Blocksatz

[Bearbeiten] Beispiele

Beispiel 1:

text-align: center;

Dies zentriert den damit formatierten Text.

Beispiel 2:

text-align: justify;

Dies gibt den damit formatierten Text im Blocksatz aus. Der Blocksatz ist bei Webseiten nicht zu empfehlen, da die Browser noch keine Silbentrennung vornehmen. Dadurch können relativ grosse und uneinheitliche Lücken zwischen den einzelnen Wörtern entstehen, was massiv zur Ermüdung des Lesers beiträgt. Wenn man diese Methode dennoch verwenden möchte, sollte man in jedem Fall Blockelemente mit fester Breite wie z.B. DIVs verwenden.

[Bearbeiten] Navigation