Достаточно классическая ситуация. Есть список элементов (конкретно ul). Необходимо из этого списка сформировать сетку, последовательно заполняя каждую строку сетки слева на право. Уверен, что многим приходилось делать такое с помощью float:left или display: inline-block.

У меня задача чуть-чуть усложнилась, тем, что 3 блока в каждой строке должны быть расположены так, чтоб края крайних блоков плотно прилегали к краю обертки списка. При этом важно, что расстояние между блоками было одинаковым. Для наглядности прикрипляю картинку. 



Как организовать такую верстку?

Нашел решение. Коме интересен результат, а не долгие размышления рекомендую сразу перейти к способу №4 т.к. все предыдушие подходы, описанные в статье приведенены не как один из вариантов на выбор, а лишь для придания объема стье (или по другой аналогичной причине) и в любом случае не несут пользы т.е. заведомо проигрывают варианту №4.

http://css-live.ru/articles-css/ravnomerno...po-shirine.html