Задать отсуп блоку или елементу??

Question

[Slasherr]

Есть блок с изображениями

<div class="col-md-10">
  <img src="http://placehold.it/150x50" alt="advertisement" class="advert" >
  <img src="http://placehold.it/150x50" alt="advertisement" class="advert">
  <img src="http://placehold.it/150x50" alt="advertisement" class="advert">
  <img src="http://placehold.it/150x50" alt="advertisement" class="advert">
  <img src="http://placehold.it/150x50" alt="advertisement" class="advert">
</div>

у него есть небольшой отсуп сверху и снизу.
Как лучше будет сделать задать отступы самим изображениям или дать блоку еще один клас и от него делать??

Как должно быть - prntscr.com/f82057

Вот пример, что-бы было более понятнее что я хочу - https://jsbin.com/xihuwuriku/edit?output

P.S Должно на весь екран растягиватся.

Answer 1

[Гарес Антонович]

Задать дополнительный класс или id блоку после чего произвести действие

.col-md-10 #block_name > img {
position: relative;
display: inline-block;
margin-right: 1em;
margin-left: 1em;
} 

#block_name > img:first-child {
margin-left:0;
}
#block_name > img:last-child {
margin-right:0;
}

Либо же в вашем случае очень помогут флекс боксы - но это такое поле неопределенности

Отступы сверху и снизу задавать блоку #block_name