The Left float predecessor
Without clear:left, this successor(i.e. this paragraph tag) will come around its
predecessor element(span tag) on which left float is applied.
The Left float predecessor
When clear:left is applied on the successor, then this successor
(i.e. this paragraph tag) will move down against its predecessor
element(span tag) on which left float is applied.