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.


Estoy disponible para trabajar en tu proyecto o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.
Si el post fue de tu agrado muestra tu apoyo compartiéndolo, suscribiéndote al blog, siguiéndome o realizando una donación.

Suscribir por correo

Ingresa tu correo y recibirás mis últimas entradas sobre programación, open source, bases de datos y todo lo relacionado con informática

Únete a otros 608 suscriptores

Relacionado:  Extraer CSS utilizado en una página con CSS Used

parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

0 Comments

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

A %d blogueros les gusta esto: