Как сделать кнопки в строку CSS

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

HTML:

<div class="button-row">
  <button>Кнопка 1</button>
 button>Кнопка 2</button>
  <button>Кнопка 3</button>
</div>

CSS:

.button-row button {
  display: inline-block;
  margin-right: 10px; /* добавляем отступ между кнопками */
}

В данном примере кнопки будут расположены в строку, а между ними будет отступ в 10 пикселей. Если нужно выровнять кнопки по центру, можно добавить свойство text-align со значением center к родительскому элементу:

.button-row {
  text-align: center;
}