Svojstvo float

Svojstvo float - zadaje plutajuće blokove koji će biti obavijeni tekstom. Svojstvo float se ponekad koristi zajedno sa svojstvom clear, koje poništava obavijanje elementa.

Iako je float prvobitno osmišljen za umetanje plutajućih blokova u tekst, trenutno se veoma široko i nestandardno koristi za izgradnju rasporeda.

Sintaksa

cssselektor {
  float: left | right | none;
}

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

Vrednosti za float

Vrednost	Opis
`left`	Blok će plutati levo, a tekst će ga obavijati s desne strane.
`right`	Blok će plutati desno, a tekst će ga obavijati sa leve strane.
`none`	Nema obavijanja.

Podrazumevana vrednost: none.

Vrednosti za clear

Vrednost	Opis
`left`	Poništava obavijanje sa leve strane.
`right`	Poništava obavijanje sa desne strane.
`both`	Poništava obavijanje i sa leve i sa desne strane.
`none`	Nema poništenja obavijanja.

Podrazumevana vrednost: none.

Primer

Koristimo float na nestandardan način, postavljajući stavke spiska u liniju:

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;
}

Результат:

Pogledajte takođe

svojstvo clear,
koje poništava float za elemente iznad