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