voorbeelden van float

D

Dit is een voorbeeld van float: left;. De intitiaal staat links en de mark-up, die volgt stroomt er rechts op heen. Een stukje marge aan de rechter en onderkant zou het effect wel sterker maken.

een mooie intiaal Hier rechts staat een afbeelding met een float: right;. Dus gaat de volgende tekst daar rechts om heen. Floats zijn eiegnelijk voor dit deze toepassing gemaakt, maar ze worden ook wel gebruikt om div-elementen naast elkaar te zetten.

clear

Deze tekst moet er niet om heen en daarom heeft deze een clear: both; Wellicht was clear: right; voldoende geweest, omdat deze tekst al om de intitaal was gelopen.