Html Elements with float property, floats in the specified direction, either left or right.
But, these floated elements effects the very next element & makes that non-floating Html element to float. To remove or neutralize the float effect, CSS clear property is used.
Example
<html>
<head>
<style>
#flt_lft{
border:2px dotted black;
width: 200px;
float:left;
}
#dv_nrml{
border:2px dotted black;
width: 200px;
/* Removes the float effect on the HTML element */
clear:both;
}
</style>
</head>
<body>
<div id="flt_lft">
</div>
<div id="dv_nrml">
</div>
</body>
</html>