CodePen

HTML

            
              <p id="img_cont">
  <a href="#"><img src="http://lorempixel.com/150/300/city/1" /></a>
  <a href="#"><img src="http://lorempixel.com/150/300/city/2" /></a>
  <a href="#"><img src="http://lorempixel.com/150/300/city/3" /></a>
  <a href="#"><img src="http://lorempixel.com/150/300/city/4" /></a>
  <a href="#"><img src="http://lorempixel.com/150/300/city/5" /></a>
  <a href="#"><img src="http://lorempixel.com/150/300/city/6" /></a>
</p>
            
          
!
via HTML Inspector

CSS

            
              #img_cont {
  display: table;
  width: 90%;
  margin: 20px auto;
}

#img_cont a {
  display: table-cell;
  text-align: center;
  width: 16%;
}

#img_cont img {
  width: 100%;
  max-width: 150px;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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