Что я должен использовать в CSS, чтобы создать пробелы между горизонтальными элементами списка в моей панели навигации?

Question

Я работаю над заданием, и мне нужно, чтобы между элементами списка на моей панели навигации был пробел.Я использую только CSS.

Я уже пытался изменить поля, блок, встроенный блок и flex.

  .menu {
  list-style: none;
  float: right;
  display: flex;
  color: white;
  font-weight: bold;
  padding: 10px 10px;
  }

Я предполагаю, что текст, лежащий горизонтально на моей панели навигации, будет иметь пробелы между каждым словом, а не сгруппированы вместе.

Answer 1

Чтобы добавить пробел между пунктами меню, вы можете использовать свойство justify-content: .menu { .. justify-content: space-around; } или .menu { .. justify-content: space-between; }