Proprietatea float

Proprietatea float - definește blocuri plutitoare care vor fi înconjurate de text. Proprietatea float este uneori folosită împreună cu proprietatea clear, care anulează încadrarea elementului.

Deși inițial float a fost conceput pentru inserarea blocurilor plutitoare în text, în prezent este utilizat foarte larg și într-un mod non-standard pentru a construi layout-uri.

Sintaxă

selector {
	float: left | right | none;
}

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

Valori pentru float

Valoare	Descriere
`left`	Blocul va pluti în stânga, iar textul îl va înconjura în dreapta.
`right`	Blocul va pluti în dreapta, iar textul îl va înconjura în stânga.
`none`	Nu există încadrare.

Valoare implicită: none.

Valori pentru clear

Valoare	Descriere
`left`	Anulează încadrarea din stânga.
`right`	Anulează încadrarea din dreapta.
`both`	Anulează încadrarea atât din stânga, cât și din dreapta.
`none`	Nu există anulare a încadrării.

Valoare implicită: none.

Exemplu

Folosim float într-un mod non-standard, plasând elementele listei pe o linie:

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

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

Vezi și

proprietatea clear,
care anulează float pentru elementele superioare