las 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;