CodePen

HTML

            
              <body>
	<div id="container">
		<footer>
		
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
			
		</footer>
	</div>
</body>
            
          
!
via HTML Inspector

CSS

            
              body {
	margin: 0;
	padding: 0;
	background: #28292A;
	xxheight: 600px; /* never use a height on body */
}

#container {
	width: 1200px;
	margin: 0 auto;
	min-height: 60px;
}

footer {
	padding-top: 2%;
  background: #003E87;
  overflow: hidden; /* another float containment method */
}

footer div {
	float: left;
	margin-left: 2.4%;
	min-height: 60px; 
	background: #fff;
	margin-bottom: 2%;
  width: 27%;
}

footer div:nth-of-type(1),
footer div:nth-of-type(5) {
  width:36.3%;
}


            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................