Как сделать такую логику на CSS?

Question

[danilr]

Есть от одного до 4-х блоков, как на картинке - заполнение блоками идет слева направо сверху вниз. Проблему в том, что не знаю как сделать ровно - сумма может быть уже, а текст короче - из-за этого происходит пляска. Как сделать так, не использую grid.
P.S. Переформулирую -как сделать у детей флекса одинаковую ширину по максимальной ширине одного из детей.

Comments

[FeST1VaL]

Ну если не грид, то флекс)))

[danilr]

Артем Будин, да флекс надо. Но конкретнее мне надо, так как его и пытался использовать.

[FeST1VaL]

danilr, ну примерно так? Я для примера поменял местами два блока

https://jsfiddle.net/fest1val/ef0w874m/

[danilr]

VicTHOR, похоже, спасибо. Там еще с отступами сложно(