Картинки рядом по горизонтали

Как разместить несколько картинок рядом по горизонтали

HTML

<div class="thumb">
<img src="http://placehold.it/200x200">
<img src="http://placehold.it/200x200">
<img src="http://placehold.it/200x200">
<img src="http://placehold.it/200x200">
</div>

CSS

.thumb img{
  width: 20%; /* Ширина картинок опционально */  
  margin: 1%;/* Отступы */
  border: 1px solid #55c5e9;  
}