FREE Hosting!

With every domain name you register with ZappyHost, you get FREE hosting.

$1.99 Domain Names

With every new non-domain purchase thru ZappyHost, you get a domain name for only $1.99.

CSS clear

Also see the full, alphabetical list of CSS properties

The CSS clear property is used to for control flow when using the float property. Using CSS clear, you can specify whether to keep one or both sides of an element "clear" (i.e. no elements can appear on the side that is clear).

Also see the CSS float property.

Syntax:	clear: <value>
Possible Values:	none - floating elements can appear on either side left - floating elements can not appear on the left (i.e. keep the left side "clear") right - floating elements can not appear on the right (i.e. keep the right side "clear") both - floating elements can not appear on the left or right (i.e. keep both sides "clear") inherit
Initial Value:	None
Applies to:	Block-level elements
Inherited:	No
Media:	Visual
Example:	`clear: right;`
Try it yourself!	<style type="text/css"> div.float { border:1px solid #ff9900; width:120px; float: right; } div.clear { border:1px solid #cccccc; width:120px; clear: right; } </style> <div class="float">This div has float set.</div> <div class="clear">This div has the "CSS clear" property set.</p><p>Try changing the CSS clear values to see the effect it has on the position of the div boxes.</div>

Also see all CSS properties listed alphabetically

Enjoy this website?

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/css/properties/css_clear.cfm">CSS clear</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites