CSS – Allineare tante DIV al centro di una pagina web

Allineare tante DIV al centro di una pagina web

Se abbiamo tante div e le vogliamo centrare nella nostra pagina web, dobbiamo semplicemente usare il foglio di stile CSS e scrivere in questo modo:

HTML

<div id="finestra">
   <div class="test">Test</div>
   <div class="test">Test</div>
   <div class="test">Test</div>
   <div class="test">Test</div>
</div>

CSS

#finestra {
   margin: 0 auto;
   text-align: center;
}

Potremmo anche usare, del tutto obsoleto ma funzionante, align = “center”. In questo modo possiamo fare a meno di usare il foglio di stile:

HTML

<div align="center">
   <div class="test">Test</div>
   <div class="test">Test</div>
   <div class="test">Test</div>
   <div class="test">Test</div>
</div>