The following image
has the inline image of a microscope floating to the right of the following text by associating the float: right property with the image of the microscope.
Next Title Overlaps Image: Solution: clear property
clear: none | left | right | both
-
left ensures that images floating left stay above the block-level element where it is set
-
right ensures that images floating right stay above the block-level element where it is set
-
both ensures that all images floating left or right stay above the block-level element where it is set
