Centrar tabla en HTML con CSS

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.

Encantado de ayudarte


Estoy disponible para trabajar en tu proyecto, modificar el programa del post o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.

No te pierdas ninguno de mis posts

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.

Dejar un comentario