A forráskód részlet:

<p style="text-align: center;">A szöveg középre igazítására láthatunk példát. A középre igazítás mindig a befoglaló elem (jelen esetben a keretvonallal határolt DIV elem) vízszintes közepéhez képest igazít szimmetrikusan. Egyszerűbben megfogalmazva, sem a bal, sem a jobb széle nem egyenes, erről ez a fajta igazítás könnyen felismerhető. Én nem nagyon ajánlom a használatát a táblázatok kivételével.</p>

Az eredmény:

A szöveg középre igazítására láthatunk példát. A középre igazítás mindig a befoglaló elem (jelen esetben a keretvonallal határolt DIV elem) vízszintes közepéhez képest igazít szimmetrikusan. Egyszerűbben megfogalmazva, sem a bal, sem a jobb széle nem egyenes, erről ez a fajta igazítás könnyen felismerhető. Én nem nagyon ajánlom a használatát a táblázatok kivételével.

A forráskód részlet:

<p style="text-align: left;">A szöveg balra igazítására láthatunk példát. Ez az igízítás alapértelmezett értéke. A szövegszerkesztőben a bal margóhoz igazítana, itt a doboz-modell miatt a padding-left (bal oldali behúzás vagy másképpen bal oldali kitöltés) helyzetéhez igazodik. A szöveg direkt ilyen hosszú, hogy látható legyen, hogy valóban a bal szél függőlegesen található.</p>

Az eredmény:

A szöveg balra igazítására láthatunk példát. Ez az igízítás alapértelmezett értéke. A szövegszerkesztőben a bal margóhoz igazítana, itt a doboz-modell miatt a padding-left (bal oldali behúzás vagy másképpen bal oldali kitöltés) helyzetéhez igazodik. A szöveg direkt ilyen hosszú, hogy látható legyen, hogy valóban a bal szél függőlegesen található.

A forráskód részlet:

<p style="text-align: right;">A szöveg jobbra igazítására láthatunk példát. Az előző példa alapján itt a padding-right (jobb oldali behúzás vagy másképpen jobb oldali kitöltés) helyzetéhez igazodik. A szöveg direkt ilyen hosszú, hogy látható legyen, hogy valóban a jobb szél függőlegesen található.</p>

Az eredmény:

A szöveg jobbra igazítására láthatunk példát. Az előző példa alapján itt a padding-right (jobb oldali behúzás vagy másképpen jobb oldali kitöltés) helyzetéhez igazodik. A szöveg direkt ilyen hosszú, hogy látható legyen, hogy valóban a jobb szél függőlegesen található.

A forráskód részlet:

<p style="text-align: justify;">A szöveg sorkizárt vagy másképpen sor kiegyenlített igazítására láthatunk példát. Az előző két példa alapján itt a padding-left és a padding-right közé kerül a szöveg. A két szél függőlegességét a szavak közti távolság növelésével éri el. A nyomdászatban ez elterjedt, de a web-lapokon nem nagyon ajánlott a használata.</p>

Az eredmény:

A szöveg sorkizárt vagy másképpen sor kiegyenlített igazítására láthatunk példát. Az előző két példa alapján itt a padding-left és a padding-right közé kerül a szöveg. A két szél függőlegességét a szavak közti távolság növelésével éri el. A nyomdászatban ez elterjedt, de a web-lapokon nem nagyon ajánlott a használata.