Как сделать одинаковый отступ?

Question

[intriga93]

между 2 пунктом и лого
и между лого и 3 пунктом меню

https://jsfiddle.net/nspLkhze/3/

Comments

[Вадим]

Разделить на 2 списка и не вырывать лого из потока?

Answer 1

[Александр Варлаков]

Как вариант:
1.Лого запихни в отдельный тег li
2 .main-header__list - сделай flex`om

.main-header__list{
     dispaly: flex;
    justify-content: space-between;
}

и они будут распределены на равном растоянии

Comments

[intriga93]

AlexandrVV86, без запихания можно?

[Александр Варлаков]

intriga93, Можно, подбирай отступы вручную, для каждого элемента меню

.main-header__list li:nth-child(2){
  margin-left или right:  20px+-
}

Но меню и лого два разных элемента.
Можно меню разделить на левое и правое, а посередине вставить блок logo