Egenskapen float

Egenskapen float - definierar flytande block som text kommer att flyta runt. Egenskapen float används ibland tillsammans med egenskapen clear, som avbryter flytande för ett element.

Även om float ursprungligen skapades för att infoga flytande block i text, så används den för närvarande mycket brett och på icke-standardiserat sätt för att bygga layouter.

Syntax

selector {
	float: left | right | none;
}

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

Värden för float

Värde	Beskrivning
`left`	Blocket kommer att flyta till vänster, och texten kommer att flyta runt det till höger.
`right`	Blocket kommer att flyta till höger, och texten kommer att flyta runt det till vänster.
`none`	Ingen flyt.

Standardvärde: none.

Värden för clear

Värde	Beskrivning
`left`	Avbryter flyt från vänster.
`right`	Avbryter flyt från höger.
`both`	Avbryter flyt både från vänster och höger.
`none`	Ingen avbrytning av flyt.

Standardvärde: none.

Exempel

Använder float på ett icke-standardiserat sätt genom att sätta listpunkter i rad:

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

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

Se även

egenskapen clear,
som avbryter float för överordnade element