Обвивување во CSS

Нека сега имаме два дива со класа parent. Во секој од нив има малку текст, а во првиот див е поставена слика, на која и е зададено својството float со вредност left.

Како што веќе знаете, во овој случај сликата ќе се преклопи со вториот блок:

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

Результат:

Во следните лекции, ајде да видиме како да избегнеме вакво преклопување или обвивување.