Ustvarimo razred, ki bo slike postavil v sredino.

img.sredina {
display: block;
margin-left: auto;
margin-right: auto:
}

Ukaz auto brskalniku pove, naj enakomerno porazdeli levi in desni rob. Rezultat je v sredini poravnana slika.

Tukaj je še koda HTML:

<img class="sredina" src="slika.jpg" alt="Tukaj bi morala biti slika. " width="100" height="80">