Равномерное распределение товара в списке - Дизайн и оформление

Все мозги сломал.
Товар в одном из вариантов, расположил плиткой.
Задача слудующая:

• Первая и последняя плитки должны быть вплотную к краям дива, таблицы, документа.. Тоесть не иметь своих отступов
• Все плитки должны быть абсолютно одинаковой ширины
• Расстояние между плитками должно быть абсолютно одинаковое

Как я пытался решить проблемму:

Вариант 1:

• Как и задумана изачально разработчиками, рисуются дивы, к которым приписывается класс, зависящий от того, сколько товаров в ряду. Логично и удобно
• Чуть больше текста, но более масштабируемый код - внутри каждого такого дива, или ячейки таблицы (кому как удобнее), ещё один div, который уже с товаром.
• Нашёл в цикле вывода последний элемент в ряду и приписал к нему класс - последний
• Далее (наивная идиотина) - в CSS пишу для дива, который внутри - слева не отступать, справа и снизу отступать столько, сколько мне нужно + для дива с классом "последний" справа ничего не отступать
• Получаю само собой кривой вариант - последний div оказывается шире на размер отступа остальных (в моём случае 10 пикселей)

Вариант 2:

• Нашёл в цикле первы товар в ряду и добавил к нему класс "первый"
• От первого отступ вправо, от последнего влево, от остальных вдвое меньший отступ, но в обе стороны. Разумеется вариант ещё более наивный. получается 2 побольше, 2 поменьше

Собственно суть вопроса. Как решить данную задачку не устанавливая ширину фиксированную шириу дивов с товарами? Кто как решает подобные задачи?