HTML Dog
Skip to navigation

CSS Property: clear

How a box following a floated box should behave.

Possible Values

ValueDescription
noneFloated boxes are not cleared — content will flow around them. Default.
leftLeft-floated boxes are cleared. Box is placed underneath.
rightRight-floated boxes are cleared. Box is placed underneath.
bothAll floated boxes are cleared. Box is placed underneath.
inherit
initial
unset

Example


#canoe { float: left; }

#fish { clear: left; }

Browser support