CSS Tutorial

CSS Style

CSS Layout Style

CSS Float Style

CSS Reference

CSS clear property




CSS clear property use wrap around float at a time clear in any one side or both side you can set, it's effect is second elements start in bottom to first elememts.


Property Values


Properties Value Description
Syntax clear:value;
value   both
  left
  right
  inherit
Allow to Block elements
Inherited No

Example-Code:

<div style="float:right;width:100px;border:2px solid orange;">right side float part</div> <div style="clear:left;">Try changing the CSS clear values to see the effect it has on the position of the div boxes.</div> Online Try This Code Your Self....   »

Example-Result:

right side float part
Try changing the CSS clear values to see theeffect it has on the position of the div boxes.