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

Для расположения элементов по горизонтали в CSS можно использовать свойство display с значением flex и свойство justify-content с нужным значением. Например:

.container {
  display: flex;
  justify-content: space-between;
}

В этом примере все элементы внутри контейнера будут расположены по горизонтали с равным пространством между ними. Другие значения для свойства justify-content включают center, flex-start, flex-end и space-around.