Centrare una tabella con i css

Con le versioni passate dell’html, centrare una tabella era molto semplice; dovevamo aggiungere l’attributo align=center ed avevamo l’effetto desiderato.

<table align="center">
    ...
</table>

Ora che l’attributo align=center è deprecato, l’unico modo è usare i css, e solitamente utilizziamo la proprietà text-align:center per centrare gli elementi. La proprietà text-align:center è valida solamente per elementi “inline“ come “span, a, label etc.” e non per elementi di tipo “block“. Essendo la table un elemento di tipo block, possiamo utilizzare la proprietà margin:auto; quindi potremo scrivere il seguente codice:

<style>
table.center {margin:auto;}
</style>

<table class="center">
    ...
</table>