Как сделать li в строчку css

Для того чтобы элементы списка ul/li были расположены в одну строку, необходимо задать соответствующие CSS свойства.

Например, если список имеет класс .my-list, то можно применить следующие стили:

.my-list {
  display: flex;
  list-style: none;
}

.my-list li {
  margin-right: 20px;
}

В этом примере свойство display: flex задает элементу ul контейнер flexbox. Это позволяет выравнивать элементы списка в ряд с помощью свойства внутри li.

Свойство list-style: none удаляет точки списка.

Свойство margin-right задает отступ справа между элементами списка. Если нужны отступы и по левой стороне, то можно также добавить свойство margin-left.

Также можно использовать свойство display: inline-block для li, чтобы элементы списка были выровнены в одну строку, например:

.my-list li {
  display: inline-block;
  margin-right: 20px;
}

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