Нужно разное расстояние между словами в flex

Question

Добрый день, подскажите пожалуйста, в макете между словами используется разное расстояние, но у меня получается сделать только равное. Как можно сделать для каждого слова свой отступ?

.header_list {
  display: flex;
  flex-wrap: wrap;
}

.header_item {
  margin-right: 82px;
}

.header_link {
  font-size: 18px;
  line-height: 24px;
  color: #282828;
  text-decoration: none;
}

<ul class="header_list">
  <li class="header_item">
    <a href="#!" class="header_link">Преимущества</a>
  </li>
  <li class="header_item">
    <a href="#!" class="header_link">Стоимость</a>
  </li>
  <li class="header_item">
    <a href="#!" class="header_link">Программы</a>
  </li>
  <li class="header_item">
    <a href="#!" class="header_link">Отзывы</a>
  </li>
  <li class="header_item">
    <a href="#!" class="header_link">Контакты</a>
  </li>

</ul>

Answer 1

можно использовать псевдокласс :nth-child , что бы обращаться к каждому из элементов по отдельности. либо задать каждому элемента списка свой класс и для него задать параметры

БЛОГ НА HUSL

Нужно разное расстояние между словами в flex

Ответы (1 шт):