Kuriant šiuolaikines interneto svetaines neretai prireikia centruoti pagrindinį svetainės DIV elementą. Tai galima atlikti naudojant išskirtinai CSS bei išvengiant HTML <center> elemento, kuris  HTML 4.01, HTML 5 standartuose yra uždraustas.

<div id="content">
Centruotas DIV blokas.
</div>

Iš pirmo žvilgsnio gali pasirodyti kad čia turėtų suveikti:

text-align:center

Tačiau šis CSS aprašymas centruoja tekstą esantį DIV bloke, o ne patį DIV bloką. Tam, kad centruoti DIV bloką reikalingi du dalykai:

  1. Turi būti nurodytas fiksuotas DIV elemento plotis.
  2. Kairioji ir dešinioji ribų aprašymo taisyklės margin nustatomos į auto.

Pažymėtina, kad DIV elemento centravimui reikalinga įvykdyti abu reikalavimus. Šis būdas veikia, kadangi esant auto margin taisyklės reikšmei pagal CSS standartą interneto naršyklės privalo tiek kairiąjai margin-left tiek dešiniąjai margin-right elemento riboms suteikti vienodus pločius. Pavyzdžiui, norime centruoti 1000px pločio DIV elementą:

div.content {
width:1000px;
margin-left:auto;
margin-right:auto;
}

Šis metodas yra standartinis būdas DIV blokų centravimui naudojant standartinį CSS aprašymą bei išvengiant uždrausto <center> elemento. Šis kodas veikia ir su standarų nesilaikančiomis naršyklėmis tokiomis kaip IE.