Плови (float) у CSS-у

Рецимо да сада имамо два дива са класом parent. У сваком од њих је мали текст, а у првом диву се налази слика, којој је задато својство float са вредношћу left.

Као што већ знате, у овом случају слика ће навући на други блок:

html<div class="parent">
  <img src="img.png" alt="">
  текст
</div>
<div class="parent">
  текст
</div>

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

Результат:

У наредним лекцијама ћемо размотрити како да избегнемо такво навлачење или пловљење.