Flotarea în CSS

Să presupunem că avem două div-uri cu clasa parent. În fiecare dintre ele există un text scurt, iar în primul div este plasată o imagine, care are proprietatea float setată la valoarea left.

După cum știți deja, în acest caz imaginea se va suprapune peste al doilea bloc:

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

Результат:

În lecțiile următoare, să vedem cum putem evita această suprapunere sau flotare.