Foros del Web » Creando para Internet » CSS »

Alinear texto en medio con imagen

Estas en el tema de Alinear texto en medio con imagen en el foro de CSS en Foros del Web. Hola, alguien tiene un CSS en la cual pueda alinear un texto ne medio? Por ejemplo tengo esto: <div><img src="imagenes/icono.jpg">Adquisición</div> Me sale la imagen y ...
  #1 (permalink)  
Antiguo 10/12/2010, 00:14
Avatar de richardinj  
Fecha de Ingreso: enero-2005
Ubicación: Ciber Espacio
Mensajes: 2.180
Antigüedad: 12 años, 10 meses
Puntos: 11
Pregunta Alinear texto en medio con imagen

Hola, alguien tiene un CSS en la cual pueda alinear un texto ne medio?

Por ejemplo tengo esto:

<div><img src="imagenes/icono.jpg">Adquisición</div>

Me sale la imagen y al costado el texto, pero el texto sale abajo, quiero que salga centrado....

Me muestra asi:

oooo
oooo
oooo TEXTO texto texto

Quiero que salga asi...

oooo
oooo TEXTO texto texto
oooo

Como su fueran las viñetas... pero son iconos grandes---
  #2 (permalink)  
Antiguo 10/12/2010, 00:23
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.826
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: Alinear texto en medio con imagen

si el texto es una sola linea lo puedes conseguir con la propiedad line-height

Código HTML:
Ver original
  1. <div>
  2.     <img src="imagen.jpg" style="float:left;margin-right:15px;" />
  3.     <span style="float:left;line-height:35px;">texto texto</span>
  4. </div>

en el line-height pones la misma altura que tiene la imagen
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #3 (permalink)  
Antiguo 10/12/2010, 10:47
Avatar de richardinj  
Fecha de Ingreso: enero-2005
Ubicación: Ciber Espacio
Mensajes: 2.180
Antigüedad: 12 años, 10 meses
Puntos: 11
Respuesta: Alinear texto en medio con imagen

Perfecto, me funcionó asi:

Código CSS:
Ver original
  1. <div style="line-height:35px;">
  2.   <img style="vertical-align:bottom; " src="imagenes/icono.jpg">
  3.   Adquisici&#243;n
  4. </div>

Etiquetas: alinear, medio
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 12:59.