Margin: 0 auto. Как применить для трех div`ов?

Question

[BartGTO]

Имеются 3 дива, находящиеся в шапке, каждый из них имеет фиксированную ширину и высоту, шапка в свою очередь тоже имеет высоту и ширину. Объясните, как сделать одинаковые внешние отступы друг от друга, т.е. чтоб отступы по бокам рассчитались автоматически и были одинаковыми.

З.Ы. Извиняюсь, возможно, за глупый вопрос, но мне не понятно...

Answer 1

[GreatBOND]

Есть такое свойство
display: flex;
Вот тут можно почитать: frontender.info/a-guide-to-flexbox

Comments

[BartGTO]

Спасибо! Именно так, как я хотел.

Answer 2

[Norval]

Ну выровнять по центру это:
margin: 0 auto;
Действует для блочных элементов, для inline-block тоже должно.
Не забыть создать контейнер надо, в который и поместить нужные блоки.
И всё по центру...

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

Как-то так.
По поводу "дисплей флекс" - хорошая штука, но пока говорят про проблемы с совместимостями (браузеры, мобильные устройства...).