Centrar texto en botón

[ceaped]

Buenos días
No logro centrar el texto en este botón:

Código HTML:

<ul>
    <li class="boton_1"><a href="#" title="Zona Poblado"><img src="#" />Botón 1</a></li>
    <li class="boton_2"><a href="#" title="Zona Palmas"><img src="#" />Botón 2</a></li>
    <li class="boton_3"><a href="#" title="Llano Grande"><img src="#" />Botón 3 texto</a></li>
    <li class="boton_4"><a href="#" title="Envigado"><img src="#" />Botón 4</a></li>
    <li class="boton_5"><a href="#" title="Sabaneta"><img src="#" />Botón 5</a></li>
    </ul>
 

Código CSS:

.menu_zonas .boton_3 a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #FFFFFF;
    text-align: center;
    width: 70px;
    height: 70px;
    line-height: 15px;
    background: #00B2EE;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    }
 

La propiedad "line-height: 0px;" si la pongo en "0" el texto me queda montado uno sobre otro y si le doy algún valor se me separa pero se baja el texto.

¿Cómo hago para que el texto se me separe y me quede en el centro?

Gracias por su ayuda

[pzin]

¿Centrar el texto o la imagen? Porque con eso así lo que no queda centrado es la imagen.

[lmichailian]

Hola! Proba usar el line-height con la misma medida que el height osea en tu caso 70px.

Saludos ;D