Did you fail to float a box element to the left (or right) even though you have assigned the style property "float:left" (or "float:right") to that box? I believe many newbies experienced this problem when they worked on their very first websites. So why didn't it float as you want?
The "float:left" style property should shift the box to the left. But will it place the box to the leftmost side of the containing box? Many newbies may say yes. But the answer is: sometimes. If one or more preceding boxes float to the same direction, say left in this case, the current box with a "float:left" style property will not be at the leftmost side of the containing box. It will be shifted to the left but at the right hand side of the preceding boxes that have the same "float:left" property. Is there any solution if I really want to place the current box to the leftmost side?
Of course there is. The solution is the same as I mentioned in my previous post. Just assign the style properties "clear:both" and "float:left" to the current box. It will be floated to the leftmost side of the containing box as you want. So clearing the float is the magic again.
