### Pływanie elementów

Polecenie `float` pozwala przepływać elementom we wskazanym kierunku w danej linii i opływać go sąsiadującym elementom z przeciwnego kierunku. `Float` może przyjmować wartości `left`, `right` i `none`.

`<IMG SRC="../grafika/pcq.gif" WIDTH="80" HEIGHT="114" BORDER="1" ALT="pcq" STYLE="float: left"> Obrazek przepływający na lewo i tekst opływający go z prawej strony.`

Obrazek przepływający na lewo i tekst opływający go z prawej strony.

`<IMG SRC="../grafika/pcq.gif" WIDTH="80" HEIGHT="114" BORDER="1" ALT="pcq" STYLE="float: right"> Obrazek przepływający na prawo i tekst opływający go z lewej strony`

Obrazek przepływający na prawo i tekst opływający go z lewej strony

`<IMG SRC="../grafika/pcq.gif" WIDTH="80" HEIGHT="114" BORDER="1" ALT="pcq" STYLE="float: none"> Obrazek ustawiony bez opływania.`

Obrazek ustawiony bez opływania.

Gdybyśmy chcieli natomiast "skontrować" opływanie elementów, możemy się posłużyć parametrem `clear`, który zrzuca w dół element. Przyjmuje on wartości `left, right i both`.

`<IMG SRC="../grafika/pcq.gif" WIDTH="80" HEIGHT="114" BORDER="1" ALT="pcq" style="float:left">
<p>Akapit bez clear</P>`

Akapit bez clear

`<IMG SRC="../grafika/pcq.gif" WIDTH="80" HEIGHT="114" BORDER="1" ALT="pcq" style="float:left">
<p style="clear:left">Zrzucony akapit</P>`

Zrzucony akapit

`<IMG SRC="../grafika/pcq.gif" WIDTH="80" HEIGHT="114" BORDER="1" ALT="pcq" style="float:right">
<p>Akapit bez clear</P>`

Akapit bez clear

`<IMG SRC="../grafika/pcq.gif" WIDTH="80" HEIGHT="114" BORDER="1" ALT="pcq" style="float:right">
<p style="clear:right">Zrzucony akapit</P>`

Zrzucony akapit