.container {
text-align: center;
}
.container .img {
display: inline-block;
width: 12%;
}
.container .img img {
max-width: 100%
}
<div class="container">
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
</div>