CodePen

HTML

            
              <div class="wrong-way wrapper">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>

<div class="trick wrapper">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>
            
          
!
via HTML Inspector

CSS

            
              .box {
  width: 100px;
  height: 100px;
  margin: 0 5px 5px 0;
  background: #ccc;
  float: left;
}

.wrapper {
  margin-bottom: 30px;
  overflow: hidden; /* mini clearfix */
  width: 520px;
}

.trick {  
  width: 525px; /* add an extra 5px to compensate for the margin */
  margin-right: -5px; /* bring it back in so you don't accidentally create a horizontal scroll bar */
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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