Clear floating elements with CSS clearfix
When working with floating elements there is one problem web developers usually face. Since float elements are removed from the normal flow of the page, this causes some other side effects that may be seen as undesireable.
Lets begin with this HTML structure:
1 2 3 4 <ul> <li>One</li> <li>Two</li> </ul>