HTMLCSSJavaScriptIndexRoadmapImpressum

Textausrichtung

In CSS kannst du Texte mit text-align ausrichten und mit text-decoration dekorieren (z. B. unterstreichen oder durchstreichen).

Textausrichtung (text-align)

Mit text-align legst du fest, wie der Text innerhalb eines Elements ausgerichtet wird.

Linksbündig (left)

Der Text wird am linken Rand ausgerichtet (Standard).

CSS Text Linksbündig

1p {
2    text-align: left;
3}

Ausgabe

Das ist ein Beispieltext.

Der Text beginnt links.

Zentriert (center)

Der Text wird mittig ausgerichtet.

CSS Text zentriert

1p {
2    text-align: center;
3}

Ausgabe

Das ist ein Beispieltext.

Der Text ist mittig Plaziert.

Rechtsbündig (right)

Der Text wird am rechten Rand ausgerichtet.

CSS Text rechtsbündig

1p {
2    text-align: right;
3}

Ausgabe

Das ist ein Beispieltext.

Der Text ist rechts Plaziert.

Blocksatz (justify)

Der Text wird so verteilt, dass beide Seiten bündig sind.

CSS Text rechtsbündig

1p {
2    text-align: justify;
3}

Ausgabe

Das ist ein Beispieltext.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Im nächsten Kapitel lernst du: Textdekoration (unterstrichener Text etc.)