Właściwość text-align

Właściwość text-align ustawia wyrównanie tekstu: do lewej krawędzi, do prawej, do środka, jednocześnie do lewej i prawej krawędzi.

Składnia

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

Wartości

Wartość	Opis
`center`	Tekst będzie wyrównany do środka.
`left`	Tekst będzie wyrównany do lewej krawędzi.
`right`	Tekst będzie wyrównany do prawej krawędzi.
`justify`	Tekst będzie wyrównany jednocześnie i do prawej krawędzi, i do lewej.
`auto`	Nie zmienia wyrównania elementu (wartość domyślna).
`start`	Równe `left`, jeśli tekst biegnie od lewej do prawej, i `right`, gdy tekst biegnie od prawej do lewej (język arabski itp.).
`end`	Równe `right`, jeśli tekst biegnie od lewej do prawej i `left`, gdy tekst biegnie od prawej do lewej.

Wartość domyślna: auto. W większości przypadków domyślnie tekst jest wyrównany do lewej krawędzi (w języku arabskim - do prawej). Jednakże istnieją wyjątki, na przykład tekst w th będzie wyrównany do środka.

Przykład . Wartość left

html<p>
  some long text
</p>

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

Результат:

Przykład . Wartość right

html<p>
  some long text
</p>

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

Результат:

Przykład . Wartość center

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

cssp {
  text-align: center;
}

Результат:

Przykład . Wartość justify

html<p>
  some long text
</p>

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

Результат: