Для того, чтобы расположить кнопки в строку, можно использовать свойство 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;
}
