Pełny kurs HTML 4.01, XHTML 1.0 i CSS 2 z przykładami autor: Dariusz Majgier • ostatnia modyfikacja: 2002.06.10 • wersja kursu: 1.1

[0-9]  A  B  C  D  E  F  G  H  I  J  K  L  M  N  O  P  Q  R  S  T  U  V  W  X  Y  Z 
[główne menu] - [elementy HTML] - [atrybuty HTML] - [style CSS] - [artykuły]
tabele • listy • formularze • multimedia • el. strukturalne • el. blokowe • el. liniowe

text-align

Wartości:

• left (wartość domyślna) - CSS1 / IE3, N4, O3.5

wyrównanie do lewej strony

• center - CSS1 / IE3, N4, O3.5

wycentrowanie w poziomie

• right - CSS1 / IE3, N4, O3.5

wyrównanie do prawej strony

• justify - CSS1 / IE4, N4, O3.5

wyrównanie do prawej i do lewej strony

• string - CSS2 / N6, O6

wyrównanie względem znaku w kolumnach tabeli

• inherit - CSS2 / N6

przejęcie wartości "rodzica", np. text-align:inherit;

• CSS/przeglądarki: CSS1 / IE3, N4, O3.5
• odpowiedniki HTML: CENTER, align

• Przykład 1:

<P style="text-align:right;">
Tekst wyrównany do prawej strony.
</P>

Tekst wyrównany do prawej strony.

• Przykład 2:

<P style="text-align:center;">
Tekst wypośrodkowany
</P>

Tekst wypośrodkowany

• Przykład 3:

<P style="text-align:justify;">
Tekst wyjustowany lub jak ktoś woli - wyrównany do lewej i do prawej
strony. Potrzeba jednak nieco więcej tekstu aby pokazać jak wygląda 
efekt końcowy. Po lewej i po prawej stronie tekst ładnie "przylega" 
do krawędzi i nie jest poszarpany z prawej strony.
</P>

Tekst wyjustowany lub jak ktoś woli - wyrównany do lewej i do prawej strony. Potrzeba jednak nieco więcej tekstu aby pokazać jak wygląda efekt końcowy. Po lewej i po prawej stronie tekst ładnie "przylega" do krawędzi i nie jest poszarpany z prawej strony.

• Przykład 4:

<STYLE TYPE="text/css"><!--
P {text-align:justify;}
.centralnie {text-align:center;}
--></STYLE>