Obtékání v CSS

Předpokládejme, že máme dva divy s třídou parent. V každém z nich je malý text a v prvním divu je umístěn obrázek, kterému je nastavena vlastnost float s hodnotou left.

Jak již víte, v tomto případě se obrázek překryje s druhým blokem:

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

Результат:

V následujících lekcích se podíváme na to, jak se takovému překrývání neboli obtékání vyhnout.