Как выровнять div по заданной позиции?

Question

[Дмитрий]

Есть меню, выровненное по горизонтали по центру окна браузера, пример здесь. Как видно, центр div-а совпадает с центром окна браузера. Необходимо выровнять это меню так, чтобы с центром окна браузера совпадал не центр div-а, а середина между двумя пунктами меню Company и Services, как это сделать без padding-ов и margin-ов, чтобы сохранилась адаптивность?

Answer 1

[Максим Тимофеев]

сделать 2 блока по 50% ширины каждый, в первый кинуть Company и Services, во второй все остальное. Первому задать выравнивание вправо, второму в лево. Присолить по вкусу и лаврушку кинуть. Все.
https://codepen.io/wokster/pen/RdgZwN

Answer 2

[Дмитрий Невейков]

Формулировка вопроса ставит в тупик. Зачем использовать position? Задавай флекс, justify-content и ширину для блока navbar и выровняй его margin: 0 auto. Или задай маргины по медиазапросам в %.

Comments

[Дмитрий]

Position просто используется в примере, оно не является обязательным условием. Можно использовать и flex. В итоге требуется выровнять блок относительно центра так, чтобы cross axis проходила точно между 2 и 3 элементами. Как это сделать при помощи justify-content?

[Дмитрий Невейков]

Дмитрий, Как насчёт задать невидимый блок который сдвинет текст? Вот так например. Либо задавать маргинами и просто менять рассположения на медиазапросах. Можно вообще сделать всплывающее меню для меньших экранов.