CSS как замостить картинками область?

Question

[des1roer]

есть предположим столбец таблицы. как в него накидать картинок, чтобы у них был отступ в 2 пикселя.

вроде нужно каждую картинку вложить в div, у всех div`ов сделать общий стиль и указать padding?

вот такой фокус не прокатывает

<style>
    .shopindex {
        width: 50px;
        float:left;
        margin:2px; 
    } 
</style>

            <td>
                <div class="shopindex"> 
                    <img alt="" src="/uploads/56938ab696720.jpg"> 
                </div> 
                
                <div class="shopindex"> 
                    <img alt="" src="/uploads/56938ab696720.jpg"> 
                </div>  
            </td>

Answer 1

[Donald Dak]

Можно и в div не засовывать их просто класс добавить картинкам
codepen.io/anon/pen/EPXgxg

Answer 2

[KuzmenkoArtem]

в чем проблема?)
вы описали проблему и сами ответели, проверте свою гипотезу.

И столбец таблицы? вроде есть только строки и ячейки.

Answer 3

[Евгений Неверов]

Вставьте просто картинки и задайте каждой margin-ы.

Answer 4

[Александр]

float:left;
margin:2px;