Как расположить элементы в ряд CSS

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

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

.container {
  display: inline-flex;
}

.item {
  width: 100px;
  height: 100px;
  background-color: red;
  margin-right: 10px;
}

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