1This is the code
2
3.float-wrapper::after {
4 content: "";
5 clear: both;
6 display: block;
7}
8---------------------------------------------------------------
9Explanation:
10
11.float-wrapper -> is some parent element that wraps the floating items
12
13example:
14<div class='float-wrapper'>
15 <div class='floating-item'> </div>
16 <div class='floating-item'> </div>
17 ....
18 </div>
19
20::after adds an element after the .float-wrapper, that
21has no content and clears floats from the both sides, making sure,
22other sections are not affected by floats
23
24