Как расположить список горизонтально CSS

Для того, чтобы расположить список горизонтально с помощью CSS, можно использовать свойство display и задать значение inline или inline-block для элементов списка. Например:

HTML:

<ul>
  <li>Город 1</li>
 li>Город 2</li>
  <li>Город 3</li>
</ul>

CSS:

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

li {
  display: inline-block;
  margin-right: 10px;
}

В данном примере мы задали для элементов списка свойство display: inline-block, которое позволяет расположить элементы горизонтально. Также мы добавили небольшой отступ между элементами с помощью свойства margin-right.