Quickly and easily clear floated content within a container by adding a clearfix utility.
Easily clear floats by adding
.clear-float) to the parent element.
The following example shows how the clear can be used. Without the clear the wrapping div would not span around the buttons which would cause a broken layout.
<div class="clear"> <button class="button place-left">Button floated left</button> <button class="button place-right">Button floated right</button> </div>