Margin: 0 auto. Как применить для трех div`ов?
Есть такое свойство display: flex;
Вот тут можно почитать: frontender.info/a-guide-to-flexbox
Ну выровнять по центру это:margin: 0 auto;
Действует для блочных элементов, для inline-block тоже должно.
Не забыть создать контейнер надо, в который и поместить нужные блоки.
И всё по центру...
А отступы можно по-разному сделать, напримерmargin-left: 10px
Но тогда "лишний" отступ будет у самого левого элемента. Делаем для баланса::first-child{margin-left: 0}
Ну или не ноль, а значение как у остальных по дефолту в макете идёт...
Как-то так.
По поводу "дисплей флекс" - хорошая штука, но пока говорят про проблемы с совместимостями (браузеры, мобильные устройства...).