Centrare un box con larghezza dichiarata è molto semplice, in quanto richiede soltanto l'impostazione dei margini laterali come automatici. Centrare invece un box privo di larghezza richiede un piccolo ragionamento in più. Vediamo quale.
Poiché il modello Flexbox dei CSS permette di controllare l'allineamento dei box all'interno di un elemento, possiamo scrivere:
#container {
display: flex;
align-items: center;
justify-content: center;
}