Pełny kurs HTML 4.01, XHTML 1.0 i CSS 2 z przykładami autor: Dariusz Majgier • ostatnia modyfikacja: 2002.06.10 • wersja kursu: 1.1

[0-9]  A  B  C  D  E  F  G  H  I  J  K  L  M  N  O  P  Q  R  S  T  U  V  W  X  Y  Z 
[główne menu] - [elementy HTML] - [atrybuty HTML] - [style CSS] - [artykuły]
tabele • listy • formularze • multimedia • el. strukturalne • el. blokowe • el. liniowe

float

Wartości:

• none (wartość domyślna) - CSS1 / IE4, N4, O3.5

bez zmian

• left - CSS1 / IE4, N4, O3.5

element znajduje się po lewej stronie i oblewany jest z prawej strony

• right - CSS1 / IE4, N4, O3.5

element znajduje się po prawej stronie i oblewany jest z lewej strony

• inherit - CSS2 / N6

przejęcie wartości "rodzica", np. float:inherit;

• CSS/przeglądarki: CSS1 / IE4, N4, O3.5
• odpowiednik HTML: align

• Przykład 1:

<IMG src="../p/logo.gif" width="120" height="60" style="float:left;">
Tekst będzie oblewał element po prawej stronie, a sam element znajdzie 
się po stronie prawej - zgodnie z tym co zadeklarowaliśmy.<br> Co 
ciekawe, w CSS oblewać można nie tylko obrazki, ale także akapity 
i inne elementy. Pozwala to tworzyć bardzo zaawansowane i ładnie 
poukładane strony z tekstem.

Tekst będzie oblewał element po prawej stronie, a sam element znajdzie się po stronie prawej - zgodnie z tym co zadeklarowaliśmy.
Co ciekawe, w CSS oblewać można nie tylko obrazki, ale także akapity i inne elementy. Pozwala to tworzyć bardzo zaawansowane i ładnie poukładane strony z tekstem.

• Przykład 2:

<STYLE TYPE="text/css"><!--
IMG {float:none;}
.lewo {float:left;}
.prawo {float:right;}
--></STYLE>