Duda con display: block en un div

[Alvaro_Franz]

Viendo tu código por encima, deduzco lo siguiente (pudiendo estar equivocado):

Aplicas margin auto en los lados sin especificar un ancho en concreto. Esto hará que tu caja x ocupe el 100% de su contenedor.

Prueba a darle un ancho a ese contenedor.

Por ejemplo:

Código CSS:

#x {
    margin: 0 auto; 
    width:400px;
    text-align: center;
    font-size: 0.9em;
    font-family: Arial, "MS Trebuchet", sans-serif;
    background-color: yellow;
}
 
#x table {
    display:block;
    border: 2px dashed grey;    
}
 

Esto debería crearte una tabla centrada con 400px de ancho, fondo amarillo y borde de líneas.

Pd: El display block obliga a crear un elemento de bloque, que ocupe TODA la línea.

Un saludo.