W kaskadowych arkuszach styli pływanie i blokowanie dotyczy prawie wszystkich elementów (nie tylko tekstu i obrazu), jak to miało miejsce w języku html. Wprowadza sie pojęcie element pływa lub element jest oblewany. Są to dwa równoważne pojęcia.
| Nazwa deklaracji | Kod w head | Kod w body | Efekt formatowania |
|---|
| float:left | p.left {width:80;
height:80;
background-color:yellow;
float:left;} | <p class="left"> Menu:</p>
Element oblewany jest po lewej. | Menu: Element oblewany jest po lewej. |
| float:right | p.right {width:80;
height:80;
background-color:yellow;
float:right;} | <p class="right"> Menu:</p>
Element oblewany jest po prawej. | Menu: Element oblewany jest po prawej. |
| float:none | p.none {width:80;
height:80;
background-color:yellow;
float:none;} | <p class="none"> Menu:</p>
Element nie jest oblewany. | Menu: Element nie jest oblewany. |
clear:
(left- z lewej,
right- z prawej,
both- z obu stron) | p.left {width:80;
height:80;
background-color:yellow;
float:left;}
p.clear {clear:both;} | <p class="left"> Menu:</p>
Element oblewany po lewej.
<p class="clear">
Zablokowane oblewanie.</p> | Menu: Element oblewany po lewej.
Zablokowane oblewanie. |