[SOLUCIONADO] Error centrar un div

[byrong]

Buenas noches, mi problema es el siguiente, tengo un div que muestra de la siguiente manera varios array:

Nombre.
Dirección
Teléfono.

Pero la cosa está que si la dirección es corta (Menos de 40 caracteres) me muestra a la izquierda.

Nombre.
Dirección
Teléfono.

Mi HTML es el siguiente:

Código HTML:

<div class="div">
                <table>
                <tr>
                              <td>
 
 
                <label class="nombre">Acá el array </a>
              </label>
            </td>
                </tr>
              <tr>
                <td>
            <br>
                <label class="direccion">
                <b>Dirección:</b> Acá el array(...)</a>
              </label>
          </td>
      </tr>     
                <td>
                <label class="telefono">
            <b>Teléfono: Acá el array(...)</label>
 
        </td>
 

En el CSS tengo:

Código CSS:

.div{
    justify-content:center;
    height:150px;
    padding:auto;
    padding-left:30px;
    padding-top:10px;
    padding-bottom: 30px;
    padding-right: 30px;
    vertical-align: middle;
    position: relative;
    margin:auto;
    text-align: center;
}
.nombre{
    text-align: center;
    vertical-align: middle;
    text-decoration:underline;
    font-size:24px;
    margin-left:7.5%;
    padding-bottom: 30px;
}
 
.direccion{
    text-align: center;
    vertical-align: middle;
    width: 100%;
    margin:auto;
    margin-left: 50px;
    margin-top: 50px;
    }
 
.telefono{
    text-align: center;
    vertical-align: middle;
    width: 100%;
    margin-left: 7.5%;
    margin-bottom:50px;
}
 

Que solución podría tener esto para que sin importar la longitud de Dirección me lo centre de manera correcta?

Saludos y gracias.

[rodrypaladin]

Buscas conseguir esto ?? Ver ejemplo en vivo

Código HTML:

<div class="padre">
  <p>David</p>
  <p>Calle Desengaño 21</p>
  <p>963998877</p>
</div>
 

Código CSS:

.padre {
  display:flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
}
 
p {
  margin-top: 5px;
  margin-bottom: 5px;
}
 

Deberías hacer un curso de HTML hay errores en tu código de cosas básicas, cierras etiquetas que nunca has abierto!!

[byrong]

Iniciado por rodrypaladin

Deberías hacer un curso de HTML hay errores en tu código de cosas básicas, cierras etiquetas que nunca has abierto!!

Gracias por responder, las etiquetas que cierro las abrí pero he borrado parte del código que tengo en PHP, ya lo solucioné.

Saludos.