HTML: Using float in CSS and HTML document

Float is used on images so that the text wraps around it. In advanced layout design, float is even used to float the main content sections. To float an element, all you need to do is add float:right or left the div or image. But the use of float can cause some headaches, in which a floated element is not enclosed inside a enclosing div. Here I discuss three methods to explain how to avoid that problem.