P°φklad obtΘkßnφ dvou objekt∙ vedle sebe

Text vlevo je uveden d°φve. Nikdy ale nepodteΦe pod ten prav² sloupeΦek.
Text jakoby v pravΘm sloupeΦku je ve stejnΘ v²╣ce jako lev² text.

N∞jak² prvek s clear: both.

Zdrojßk:

<div style="float: left; width: 70%">
Text vlevo je uveden d°φve. Nikdy ale nepodteΦe pod ten prav² sloupeΦek.
</div>
<div style="float: right; width: 26%">
Text jakoby v pravΘm sloupeΦku je ve stejnΘ v²╣ce jako lev² text.
</div>
<p style="clear: both">N∞jak² prvek s clear: both</p>

V╣imn∞te si, ╛e souΦet ╣φ°ek je mΘn∞ ne╛ 100%. Je to trik, kter² rßd pou╛φvßm -- kdybych dal 100%, tak se p°i nastavenφ rßmeΦk∙ (nebo obΦas p°i zv∞t╣ovßnφ pφsma) ve standardnφm m≤du rozpadne design. Rad∞ji tam nechßvßm urΦitou v∙li, abych na to pozd∞ji nemusel moc myslet.

Pomocφ dvou obtΘkan²ch div∙ se v souΦasnosti d∞lß nejvφce modernφch layout∙.

P°φklad se vztahuje k textu o obtΘkßnφ a k css vlastnosti float.