Foros del Web » Creando para Internet » CSS »

Centrar texto en botón

Estas en el tema de Centrar texto en botón en el foro de CSS en Foros del Web. Buenos días No logro centrar el texto en este botón: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < ul >     < li class = ...
  #1 (permalink)  
Antiguo 03/06/2014, 06:10
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.182
Antigüedad: 19 años
Puntos: 9
Pregunta Centrar texto en botón

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

Código HTML:
Ver original
  1. <ul>
  2.     <li class="boton_1"><a href="#" title="Zona Poblado"><img src="#" />Botón 1</a></li>
  3.     <li class="boton_2"><a href="#" title="Zona Palmas"><img src="#" />Botón 2</a></li>
  4.     <li class="boton_3"><a href="#" title="Llano Grande"><img src="#" />Botón 3 texto</a></li>
  5.     <li class="boton_4"><a href="#" title="Envigado"><img src="#" />Botón 4</a></li>
  6.     <li class="boton_5"><a href="#" title="Sabaneta"><img src="#" />Botón 5</a></li>
  7.     </ul>

Código CSS:
Ver original
  1. .menu_zonas .boton_3 a {
  2.     font-family: Arial, Helvetica, sans-serif;
  3.     font-size: 0.8em;
  4.     color: #FFFFFF;
  5.     text-align: center;
  6.     width: 70px;
  7.     height: 70px;
  8.     line-height: 15px;
  9.     background: #00B2EE;
  10.     -moz-border-radius: 10px;
  11.     -webkit-border-radius: 10px;
  12.     border-radius: 10px;
  13.     }

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
__________________
Diseñador Gráfico publicitario
  #2 (permalink)  
Antiguo 03/06/2014, 06:23
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.487
Antigüedad: 20 años, 6 meses
Puntos: 2114
Respuesta: Centrar texto en botón

¿Centrar el texto o la imagen? Porque con eso así lo que no queda centrado es la imagen.
  #3 (permalink)  
Antiguo 04/06/2014, 12:30
Avatar de lmichailian  
Fecha de Ingreso: noviembre-2013
Mensajes: 20
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Centrar texto en botón

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

Saludos ;D

Etiquetas: background, color, width
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:50.