Med clear er det muligt at kontrollere hvilken effekt det skal have på dokumentets øvrige elementer, at et element flydes til højre eller venstre.
Som standard til de efterfølgende elementer fylde op omkring det flydende element. Men man kan stoppe det med clear kommandoen.
Kode eksempel:
<style type="text/css">
.billede {
float:left;
width: 200px;
}
.flydestop{
clear:both;
}
</style>
<div class="billede">
<img src="http://www.hjemmesidekursus.dk/grafik/logo_billed.jpg" alt="test">
</div>
<p>Test 1 og 2... Her kan du skrive en masser ting. <div class="flydestop">
Billedet vil hele tiden blive i venstre side, og skubbe teksten væk fra boksen</p>