Pri ustvarjanju različnih spletnih projektov se velikokrat srečamo z različnimi poravnavami slike z besedilom v vrstici. Na voljo imamo več možnosti in sicer zgoraj (top), sredinsko (middle), spodaj (bottom) in rob (baseline). Slednje pa enostavno določimo preko class-a, ki ga dodelimo sliki.

Poravnava zgoraj (top)

.zgoraj {vertical-align:top;}

Poravnava sredisnko (middle)

.sredinsko {vertical-align:middle;}

Poravnava spodaj (bottom)

.spodaj {vertical-align:text-bottom;}