CodePen

HTML

            
              <img class="center" src="http://d2ah7fc8nhyh86.cloudfront.net/63959/shared_images/supported-platforms/mac-os-x-logo.jpg" alt="Max OS X logo" width="85" height="91" >
<div class="three-divisions margin-top"><img class="center" src="http://d2ah7fc8nhyh86.cloudfront.net/63959/shared_images/supported-platforms/windows-8-logo.jpg" alt="Windows 8 Logo" width="75" height="94"></div>
<div class="three-divisions margin-top">
<img class="center" src="http://d2ah7fc8nhyh86.cloudfront.net/63959/shared_images/supported-platforms/windows-7-logo.jpg" alt="Windows 7 Logo" width="72" height="87"></div>
<div class="three-divisions margin-top">
<img class="center" src="http://d2ah7fc8nhyh86.cloudfront.net/63959/shared_images/supported-platforms/windows-vista-logo.jpg" alt="Windows Vista logo" width="73" height="97"></div>
<div class="three-divisions margin-top">
<img class="center" src="http://d2ah7fc8nhyh86.cloudfront.net/63959/shared_images/supported-platforms/windows-server-2003.jpg" alt="Windows Server 2003 logo" width="159" height="50"></div>
<div class="three-divisions margin-top">
<img class="center" src="http://d2ah7fc8nhyh86.cloudfront.net/63959/shared_images/supported-platforms/windows-xp-logo.jpg" alt="Windows XP logo" width="72" height="108"></div>
            
          
!

CSS

            
              .center {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.margin-top {
	margin-top:1em;
}
.three-divisions {
	width:33.33%;
	float:left;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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