Flujo en CSS

Supongamos que ahora tenemos dos divs con la clase parent. En cada uno de ellos hay un pequeño texto, y en el primer div se coloca una imagen, a la que se le da la propiedad float con el valor left.

Como ya sabes, en este caso la imagen se superpondrá al segundo bloque:

html<div class="parent">
  <img src="img.png" alt="">
  text
</div>
<div class="parent">
  text
</div>

css.parent {
  border: 1px solid red;
}
.parent img {
  float: left;
}

Результат:

Veamos en las siguientes lecciones, cómo evitar tal superposición o flujo.