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ă

cssselector {
  float: left | right | none;
}

cssselector {
  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:

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

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

Результат:

Vezi și

proprietatea clear,
care anulează float pentru elementele superioare