In the following example, we have
added another div
after the first one.
The first div
has an image that we floated
to the left. Look at what's happening:
The second div
starts
occupying the remaining space
around the floated element.
To prevent this from happening,
we have to use the clear
property on our second div
:
The value of clear
should be
similar to that of float
specified
previously. Or you can also use
the value both
to simply clear
both right as well as the left direction.