CSS Clear

SQL     Data Warehousing     CSS     PHP     HTML     Database Normalization


CSS Tutorial  >  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.

    Next: CSS Cursor




    Copyright © 2014   1keydata.com   All Rights Reserved   Privacy Policy   About   Contact