Pływanie w CSS

Załóżmy, że mamy teraz dwa divy z klasą parent. W każdym z nich jest krótki tekst, a w pierwszym divie umieszczony jest obrazek, któremu nadano właściwość float z wartością left.

Jak już wiesz, w tym przypadku obrazek nałoży się na drugi blok:

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

Результат:

Przyjrzyjmy się w kolejnych lekcjach, jak uniknąć takiego nachodzenia lub pływania.