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

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

<div class="container">
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
  class="item">Item 3</div>
</div>

.container {
  display: inline-flex;
}

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

В этом примере элементы с классом «item» будут расположены горизонтально благодаря свойству display: inline-block; и отступу между ними margin-right: 10px;. Родительский элемент с классом «container» имеет свойство display: inline-flex;, которое позволяет элементам внутри него располагаться в одной линии.