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>