CodePen

HTML

            
              <div class="outer">
  <div>Div 1</div>
  <div>Div 2</div>
  <div>Div 3</div>
  <div>Div 4</div>
  <div>Div 5</div>
  <div>Div 6</div>
  <div>Div 7</div>
  <div>Div 8</div>
</div>
            
          
!
via HTML Inspector

CSS

            
              .outer {
  width: 600px;
  margin: 40px auto;
}

.outer:after {
  content: "";
  clear: both;
}

.outer>div {
  width: 199px;
  height: 60px;
  padding-top: 40px;
  text-align: center;
  border: 1px solid #999;
  float: left;
  margin: -1px 0 0 -1px;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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