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.
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.
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.