margin: auto;

#main {
  width: 600px;
  margin: 0 auto; 
}
<div id="main">

Impostare la width di un elemento block-level gli impedirà di allargarsi fino ai limiti del suo contenitore da sinistra a destra. Successivamente, potrai impostare i margini sinistro e desto a auto per centrare orizzontalmente quell'elemento all'interno del suo contenitore. L'elemento assumerà la larghezza che hai specificato, quindi lo spazio rimanente sarà diviso equamente tra i due margini.

Il solo problema che si verifica è quando la finestra del browser è più stretta della larghezza del tuo elemento. Il browser risolverà la situazione creando una barra di scorrimento orizzontale sulla pagina. Miglioriamo la situazione...

</div>
  • Creative Commons License