CSS Clear

The clear property is used to cancel the effect of float. Possible values for the clear property are:

left: Keep the left side clear.

right: Keep the right side clear.

both: Keep both sides clear.

none: Do not keep either side clear.Let's take a look at a modified example from the float page:
CSS declaration:

#leftfloat {   float:left; } #clearleft {   clear:left; }

the following HTML,

<span id="leftfloat"><img src="yp.jpg"></span>This example <span id="clearleft"> illustrates how clear:left breaks the float property. </span>

renders,

This example illustrates how clear:left breaks the float property.

Notice that once the clear:left style is applied, the float:left style no longer applies, and all the text following the clear:left style appear below the image.

Dont Miss Another Post Connect With Us ! Enter your email address:

Tweet

Posted in: CSS Tutorial