Как разместить блоки?

Question

[sergey]

Сорри за может очень простой, как кому-то покажется вопрос, но он у меня назрел. Так вот как правильно реализовать такую схему: есть 12 блоков по три в ряд (первый и последний в каждом ряду прижаты к левому и правому соответственно краю, центральный понятно по центру) не применяя при этом :ntn:child(...) с обнулением правого margin. Перепробовал несколько способом с flex если просто три блока и один ряд без проблем, но вот с несколькими рядами выходит ерунда.
jsfiddle

Answer 1

[Aleksandr]

https://jsfiddle.net/wb88p3d6/1/

Comments

[sergey]

благодарю

Answer 2

[Артём Ведищев]

Вот мой вариант, без flex.
https://jsfiddle.net/zp9x8ahj/4/

Comments

[sergey]

не совсем то, о чем я спрашивал, мне не центрировать элементы нужно, с расставить так: что бы левый был слева прижат к краю, а правый к правому краю, центральный выравнивался по средине, а в Вашем примере: просто увеличьте ширину контейнера и увидите как поведут себя блоки (этот вариант я вначале использовал, но только тогда когда ширина контейнера и блоков соизмеримы по размерам)

[Артём Ведищев]

А как насчет: position: absolute?
https://jsfiddle.net/zp9x8ahj/6/

[sergey]

Артём Ведищев: это имеет право на жизнь, но категорически не рекомендую:)), по одной простой причине, возьмем адаптивную верстку и попробуем использовать этот способ. Вариант с flex - просто и без заморочек