Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/04/2016, 05:47
doberk
 
Fecha de Ingreso: junio-2010
Mensajes: 6
Antigüedad: 14 años, 5 meses
Puntos: 0
centrar imagen junto a texto dentro de un div

Buenos dias, intento colocar una imagen (un icono) delante de un texto y centrar todo el conjunto, pero no se como hacerlo.

Con la propiedad float el icono no se centra, o lo hecho para la izquierda o para la derecha, pero no se puede centrar.

Si uso la propiedad text-align:center me centra la imagen y el texto, pero el texto me sale debajo de la imagen y no a su lado.

Se me ocurre hacer el div del tamaño exacto para que contenga el icono con float:left y el texto, y despues centrar el div. Pero cuando se modifique el texto se desajustará (el texto se modificará cada 15 días). Tendría que cambiar el tamaño del div cada vez que quiera cambiar el texto.

Lo ultimo que se me ocurre es convertir el icono a una fuente. ¿alguna otra idea sin tener que llegar a esto?

Gracias de antemano.

Última edición por doberk; 24/04/2016 a las 07:28