<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.iz {float: left;
width: 30%}
.der {float: right; width:30%}
p{ text-align:justify}
</style>
</head>
<body>
<img class="iz" src="img/gato.jpg">
<img class="der" src="img/gatos.jpg">
<p>este texto incluye dos imagenes y texto, una a la izquierda y otra a la derechera según agrandemos la pantalla el texto irá fluyendo pudiendo cambiar de posición entre las dos imágenes
</p>
</body>
</html>