Eigenschaft text-align

Die Eigenschaft text-align legt die Textausrichtung fest: linksbündig, rechtsbündig, zentriert oder im Blocksatz.

Syntax

cssSelector {
  text-align: center | left | right | justify | auto | start | end;
}

Werte

Wert	Beschreibung
`center`	Der Text wird zentriert.
`left`	Der Text wird linksbündig ausgerichtet.
`right`	Der Text wird rechtsbündig ausgerichtet.
`justify`	Der Text wird im Blocksatz ausgerichtet (sowohl links- als auch rechtsbündig).
`auto`	Ändert die Ausrichtung des Elements nicht (Standardwert).
`start`	Entspricht `left`, wenn der Text von links nach rechts verläuft, und `right`, wenn der Text von rechts nach links verläuft (z.B. Arabisch).
`end`	Entspricht `right`, wenn der Text von links nach rechts verläuft, und `left`, wenn der Text von rechts nach links verläuft.

Standardwert: auto. In den meisten Fällen ist der Text standardmäßig linksbündig ausgerichtet (im Arabischen - rechtsbündig). Es gibt jedoch Ausnahmen, z.B. ist der Text in th standardmäßig zentriert.

Beispiel . Wert left

html<p>
  some long text
</p>

cssp {
  text-align: left;
  width: 400px;
}

Результат:

Beispiel . Wert right

html<p>
  some long text
</p>

cssp {
  text-align: right;
  width: 400px;
}

Результат:

Beispiel . Wert center

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: center;
}

Результат:

Beispiel . Wert justify

html<p>
  some long text
</p>

cssp {
  text-align: justify;
  width: 400px;
}

Результат: