Как сделать одинаковое расстояние между центрами блоков?

Question

[Cheizer]

Приветствую, это настоящая головоломка, как на css сделать так, что бы расстояние между ЦЕНТРАМИ блоков было одинаковое? Не расстояние между блоками? это легко, а между их центрами. Дело в том что блоки с контентом, и их ширина не известна, она по контенту. Максимальное есть ограничение в 170px и все.
Как при неизвестной ширине блоков, сделать одинаковым расстояние между их центрами?



Вот как пытаюсь сделать,

Answer 1

[Владислав Черненко]

.step-list__item{
    width:100%;
    max-width:170px;
}

или

.step-list{
    justify-content:space-around;
}

описание задачи так себе, но думаю это второй вариант...

Comments

[Cheizer]

В том то и дело, что ширина блоков неодинакова, я написал в описании головоломки этой. А при 100% ширине ширина блоков не по контенту.

[Владислав Черненко]

Cheizer, я дополнил ответ

[Cheizer]

Владислав Черненко, спасибо большое за внимание, но justify-content:space-around; не сработает :) уже пробовал все подобное, это я и сам бы решил если бы было так просто. Расстояние между ЦЕНТРАМИ БЛОКОВ все равно разное, и стало только хуже, крайние блоки не прижаты к краям.

[Владислав Черненко]

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

[Cheizer]

Владислав Черненко, да спасибо, дополнил вопрос рисунком. думаю на css это не решить.