CodePen

HTML

            
              <div id="wrapper">
  <div class="widgets"></div>  
  <div class="widgets"></div>  
  <div class="widgets"></div>  
  <div style="margin-right:0;" class="widgets"></div>  
  <div class="clearfix"></div>  
</div>
            
          
!
via HTML Inspector

CSS

            
              .clearfix{
  clear:both;  
}

#wrapper{
  width:960px;
  margin:0 auto; 
  background:green;
}

.widgets{
   background:red; 
   width:225px;
   height:100px;
   float:left;
   margin-right:20px;
}

/*Was wondering but doesn't seem to be a good idea*/
.widgets:last-child{
  !margin-right:0;  
}



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

JS

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