Nějaký text
Jiný text
Další text
Obtékané objekty (lhostejno, zda jsou to divy, obrázky nebo cokoli jiného) se vykreslují na své výšce, ale jenom tam, kde mají místo. Pokud to místo zabírá jiný obtékaný objekt, šoupnou se (v tomto případě doleva).
Zdrojový kód předchozí ukázky:
<style>
.obtekany {float: right; width: 100px; height: 60px; border: 1px solid blue}
</style>
<p>Nějaký text</p>
<div class="obtekany">
Obtékaný objekt</div>
<p>Jiný text</p>
<div class="obtekany">
Další obtékaný objekt</div>
<p>Další text</p>
<div class="obtekany">
Další obtékaný objekt</div>
Nehezký dojem se v praxi řeší pomocí clearování.
Příklad se vztahuje k textu o obtékání a k CSS vlastnosti float.