Ver Mensaje Individual
  #3 (permalink)  
Antiguo 25/04/2016, 08:56
doberk
 
Fecha de Ingreso: junio-2010
Mensajes: 6
Antigüedad: 13 años, 11 meses
Puntos: 0
Respuesta: centrar imagen junto a texto dentro de un div

Cita:
Iniciado por DesgraciadoGabo Ver Mensaje
Por qué se va a desajustar?

la solución la mencionas tú, crea un contenedor para la imagen, te dejo un ejemplo de como solucionarlo, aun que no entiendo bien eso de que se modifique el texto, no pienso que tenga nada que ver.
[url]https://jsfiddle.net/u8mxdz3d/[/url]

Espero te sirva de lo contrario ayúdame a entender mejor tu duda, saludos!
Gracias, pero no era eso lo que pretendia. No se trata de rodear una imagen con texto (que para eso la propiedad float es lo ideal), si no de poner una imagen junto a una sola palabra y que el conjunto de ambos, imagen y palabra, aparezcan centrados.

Lo que me estaba sucediendo es que se me centra la imagen y la palabra, pero uno debajo del otro, en lugar de seguidos. Pero ya me he dado cuenta de cual es el problema: la palabra estaba encerrada en un tag <h1></h1>, y parece ser que este tag introduce un retorno de carro. En cuanto lo he cambiado por un span y le he dado tamaño con css se ha alineado con la imagen a la perfeccion.

De todas formas me he decidido a crear una fuente con mis iconos, ya que echando un vistazo por encima parece tener muchas utilidades.