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

selektor {
	float: left | right | none;
}

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

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

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

Pogledajte takođe

svojstvo clear,
koje poništava float za elemente iznad