Clearing Floats and linked images

“The last item in this page’s content is a floated image. Make sure any elements after it are clearing properly.”

There are a few ways to do this and one of them is to add the .clearfix class to your content containing element such as a <div> for example.

Another way is to add this CSS to you content containing element we mentioned previously or you could just use the HTML5 Boilerplate helper classes

/* Contain floats: h5bp.com/q */
#content-container:before,
#content-container:after { content: ""; display: table; }
#content-container:after { clear: both }
#content-container { *zoom: 1; }