Centrare un DIV con CSS

Centrare un campo DIV senza necessariamente conoscerne le dimensioni

Per centrare un singolo div generalmente si utilizza l’attributo align in questo modo

<div align="center">
</div>

Ma in questo modo limitiamo l’allineamento esclusivamente a quel div. Possiamo anche applicare uno stile css, ma dobbiamo ricordarci anche di applicare lo stile a tutti i div che vogliamo centrare.

Con questo codice, invece, abbiamo la possibilità di centrare automaticamente tutti i div presenti nella nostra pagina html

.content {
 margin: 0 auto 8px;
 display: table;
}
.content div {
 display: table-cell;
}