Semplicemente

Alcuni modesti suggerimenti, per far la vita meno amara.
Centrare un box con CSS
Un primo metodo per centrare un box all’interno della pagina consiste nell’assegnare ad esso una larghezza esplicita ed il valore auto per le proprietà margin-left e margin-right.

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

Se siete maniaci della retro-compatibilità, come il sottoscritto, noterete che questo metodo non [...]

Il visual formatting model stabilisce le regole per la generazione dei box da parte degli elementi.
La posizione che un box assume nel flusso dei contenuti della pagina può essere determinata:

Dalle dimensioni e dal tipo di box.
Dallo schema di posizionamento.
Dalle relazioni tra gli elementi nell’albero.
Da informazioni esterne: dimensioni dell’area di visualizzazione, dimensioni intrinseche delle immagini ecc.

Come controllare il comportamento dei box generati dagli elementi?
Con la proprietà display, ovviamente. I quattro valori più comuni per questa proprietà sono i seguenti (se desideri approfondire consulta la specifica CSS):

block
L’elemento inizia e finisce su una nuova riga, per esempio un paragrafo p.
inline
L’elemento è visualizzato in un box posizionato sulla stessa riga del contenuto precedente, [...]