Plutanje u CSS

Neka sada imamo dva div elementa sa klasom parent. U svakom od njih je mali tekst, a u prvom div-u se nalazi slika kojoj je postavljeno svojstvo float sa vrednošću left.

Kao što već znate, u ovom slučaju će slika "preplivati" i preklopiti se preko drugog bloka:

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

Результат:

U narednim lekcijama ćemo razmotriti kako izbeći takvo preklapanje ili plutanje.