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
Link to this page: If you find this page useful, we encourage you to link to this page. Simply copy and paste the code below to your website, blog, or profile.
More Tutorials: SQL PHP HTML
Copyright 2007-2010 1keydata.com All Rights Reserved. Privacy Policy
|
|