Właściwość float

Właściwość float - ustawia pływające bloki, które będą opływane tekstem. Właściwość float czasami jest używana razem z właściwością clear, która anuluje opływanie elementu.

Chociaż początkowo float został wymyślony dla wstawiania pływających bloków w tekście, obecnie jest bardzo szeroko i niestandardowo używany do budowania układów.

Składnia

selektor {
	float: left | right | none;
}

selektor {
	clear: both | left | right | none;
}

Wartości dla float

Wartość	Opis
`left`	Blok będzie pływał po lewej stronie, a tekst będzie go opływał po prawej stronie.
`right`	Blok będzie pływał po prawej stronie, a tekst będzie go opływał po lewej stronie.
`none`	Brak opływania.

Wartość domyślna: none.

Wartości dla clear

Wartość	Opis
`left`	Anuluje opływanie z lewej strony.
`right`	Anuluje opływanie z prawej strony.
`both`	Anuluje opływanie zarówno z lewej, jak i z prawej strony.
`none`	Brak anulowania opływania.

Wartość domyślna: none.

Przykład

Użyjemy float w sposób niestandardowy, ustawiając punkty listy w linii:

<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
	<li>5</li>
</ul>

li {
	float: left;
	border: 1px solid red;
}

Zobacz też

właściwość clear,
która anuluje float dla elementów znajdujących się wyżej