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.