Ну выровнять по центру это:
margin: 0 auto;
Действует для блочных элементов, для inline-block тоже должно.
Не забыть создать контейнер надо, в который и поместить нужные блоки.
И всё по центру...
А отступы можно по-разному сделать, например
margin-left: 10px
Но тогда "лишний" отступ будет у самого левого элемента. Делаем для баланса:
:first-child{margin-left: 0}
Ну или не ноль, а значение как у остальных по дефолту в макете идёт...
Как-то так.
По поводу "дисплей флекс" - хорошая штука, но пока говорят про проблемы с совместимостями (браузеры, мобильные устройства...).