Cómo centrar una tabla con CSS

La solución más sencilla es envolver la tabla con un div:

<div class=’centraTabla’>

mitabla….

</div>

Y formatear ese div de la siguiente manera:

div.centraTabla{
text-align: center;
}

div.centraTabla table {
margin: 0 auto;
text-align: left;
}

Así de simple :)

Tags:

3 Responses to “Cómo centrar una tabla con CSS”

  1. EC-JPR says:

    Dejo el comentario sólo para agradecer tu post: llegué a él vía Google porque no sabía como centrar una tabla, y me sirvió para cumplir mi propósito. ¡Gracias!

  2. Jose A Sánchez says:

    Hola, no se si sirve todavía esta respuesta, pero acabo de encontrarlo y como yo me llevé bastante tiempo buscando. Pues aquí tenéis mi solución:

    En la Hoja de Estilos o en el mismo documento tan sólo tenéis que poner el ancho que queréis para la tabla y el margen automático (éste es el que coloca la tabla centrada).

    Aquí un ejemplo:

    TABLE{
    width:75%;
    margin: auto;
    }

  3. js says:

    Para centrar también se puede añadir el estilo:
    margin-left: auto; margin-right: auto;

Leave a Reply