Css - как отделить друг от друга блоки с изображ.?

Что прописать в стилях, чтобы отделить данные блоки друг от друга по горизонтали?
Блок содержит подложку и картинку, не знаю, что отделять картинки или сам блок, скорее всего блок, но как не знаю, border вроде не подходит, хотя может и не туда прописывал, хз.
кОД ОДНОГО БЛОКА 

<li id="screenshot-3171" class="group end-of-row">
    <div class="dribbble">
        <div class="dribbble-shot">
            <div class="dribbble-img">
<a href="https://pr-cy.ru/jump/?url=%2Fpm%2F3171%2Fshot000001.html" title="shot000001 jpg" class="thumb" >                       
<div data-picture data-alt="shot000001 jpg">
    <div data-src="/dt/3171/shot000001.jpg" alt="shot000001 jpg"></div>
</div>
</a>

<h2><a href="https://pr-cy.ru/jump/?url=%2Fpm%2F3171%2Fshot000001.html" title="shot000001 jpg">shot000001 jpg</a></h2>
    <noindex><div class="img_report"><a rel="nofollow" href="https://pr-cy.ru/jump/?url=%23" title="Пожаловаться на изображение" onclick="return doconfirm('Вы уверены, что хотите сообщить об этом изображении?','3171',1);">Пожаловаться</a></div></noindex>
</div>
           
<ul class="tools group">
    <li class="fav"><span class="viewRating">0</span></li>
    <li class="cmnt"><span class="commentsCount">0</span></li>
    <li class="views"><span class="viewCount">0</span></li>
    <noindex><li class="dimensions">901x91</li>
    <li class="imageSize">18 kb</li></noindex>
</ul>

        </div>
        <div class="extras">
        </div>
    </div>
   
    <h2><a href="https://pr-cy.ru/jump/?url=" class="url" rel="contact" title="Fred"><img alt="Fred" class="photo" src="/users/259222/avatars/" /> Fred</a></h2>
</li>