float określa, w jaki sposób element powinien się unosić (pływać) umieszczając element po lewej lub prawej stronie kontenera i umożliwiając owijanie się wokół niego elementów tekstowych i śródliniowych. Element jest usuwany z normalnego przepływu strony, ale nadal pozostaje częścią przepływu (w przeciwieństwie do pozycjonowania bezwzględnego).
float
Elementy pozycjonowane absolutnie ignorują wartości float
Elementy po elemencie pływającym będą koło niego przepływać. Chcąc to przerwać, użyj właściwości clear lub sposobu clearfix, który poprawi problem za krótkiego konteneru.
clear
Pierwszy akapit, "span" zostałby wypchnięty...
akapit - tekst po oczekiwanym pływaku
akapit - drugi tekst
float: none|left|right|initial|inherit;