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

Question

[uni-sms]

Здравствуйте!
Подскажите, как сделать так, чтобы отступы пунктов меню совпали с макетом?
Это обычный ненумерованный список с ссылками внутри каждого тега li. Отступ задан каждому пункту li margin-right, но с макетом не совпадает.
Верх - это как в макете, низ - это как получилось у меня.

Answer 1

[Евгений Кузовлев]

для меню

display: flex;
justify-content: space-between;

Comments

[uni-sms]

Как я понимаю, отступы пунктов меню будут считаться автоматически, а моя задача только задать правильную ширину блока?

[Евгений Кузовлев]

uni-sms, да, пункты меню будут вставляться от края до края, как для текста с text-align: justify;

[uni-sms]

Евгений Кузовлев, Огромное спасибо вам спасибо, добрый человек! Я разобрался :)

Answer 2

[dom1n1k]

Если общая ширина меню важна для дизайна, то её и нужно фиксировать размером.
А пункты внутри распределять не марджинами (вы же помните, что небольшая систематическая ошибка имеет свойство накапливаться?), а через flex и space-between.

Comments

[uni-sms]

Понял, спасибо!

Answer 3

[Fisher21]

Вероятно увеличить значение margin-right на 1