Imagenes Flotantes

Escudo de Campechelas imagenes en html son conocidos como elementos inline o en línea lo que significa que se pueden mezclar con otros elementos inline como el texto, por ejemplo: <img src="ruta/nombreimagen.ext" alt="texto alterno">, con el tag anterior podemos ver como la imagen esta alineada con el texto (por default a la izquierda) esto siginifica que el alinieamiento de las imagenes es controlada por las mismas propiedades del texto. Para hacer que la imagen flote sobre el texto podemos utilizar la propiedad CSS llamada float:left; ahora el texto se va hacia la derecha, se puede especificar también que deje ciertos espacios para que no se vea el texto tan cerca de las imagenes con la propiedad CCS padding-left:30px; o padding-botton:30;



Servicio de Validación HTML5

¡CSS Válido!