Come allineare i div al centro della pagina

Il linguaggio CSS consente di settare una pagina o un DIV al centro dello schermo. Per farlo è sufficiente lavorare sul foglio di stile CSS con i parametri di margine ( margin ) del DIV che vogliamo allineare.

Esempio di allineamento

Ad esempio, poniamo di avere un DIV con una larghezza definita di 300 px. Per far capire al browser di farlo allineare al centro aggiungiamo il parametro dei margini automatici ( auto ) sia a destra ( margin-right ), sia a sinistra ( margin-left ).

div#main {
width:300px;
margin-right:auto;
margin-left:auto;
}

In questo modo il browser allinea esattamente al centro tutti i contenuti presenti nel DIV. Le due stringhe margin-left e margin-right possono anche essere sintetizzate in una sola scrivendo nel seguente modo: margin: 0, auto;