CSS Grundkunskap - float

OBS! Notera att denna exempelsida inte visas korrekt i Internet Explorer 6 eller 7.

På den här sidan har bilden fått värdet "float: left" i CSS:en. Detta gör att den skjuts till vänster och inline-innehållet flödar på dess högra sida.

Paragraferna har fått en röd kant. Notera hur paragraferna (som är blockboxar) ritas upp bakom den floatade boxen.

Här har vi ytterligare en floatad box. Här finns dock en inlinebox (grön bakgrund) som har negativ vänstermarginal och därför ritas upp ovanpå den floatade boxen.