This property prevents an element from wrapping around a floated element. Making the cleared element to drop bellow the bottom of the floated element. It is recommended to use this property with the value “both” with an empty div element immediately after two floated elements.
clear: both;
IE5.5+, FF1+, SA1.3+, OP9.2+
| both | Prevents element from wrapping on either right or left floated elements. |
| left | Left side value. |
| none | Does not apply the properties style. |
| right | Right position value. |