Este post es muy corto. Solo vamos a ver cómo centrar una tabla en una página web, usando CSS.
Centrar tabla
A nuestra tabla hay que colocarle la propiedad margin
en auto, para el margen horizontal. En CSS se puede especificar el margen horizontal y vertical así:
margin: margen_vertical margen_horizontal;
Por lo tanto podemos hacer lo siguiente a la tabla:
Ejemplo
Tengo mi HTML en donde solo tengo una tabla:
Si te fijas, estoy cargando el estilo en la línea 7. Ahora en mi CSS tengo lo siguiente para centrar la tabla en HTML:
Los otros estilos (los que no son para centrar) son ocupados para dibujar los bordes a la tabla. Con esto tenemos para centrar la tabla en todo el cuerpo de la página web.
El resultado lo puedes ver en este enlace.