Чтобы разместить кнопки CSS рядом, вы можете использовать несколько методов. Вот некоторые из наиболее распространенных:

1. Метод с плавающей запятой:

   • Установите для свойства CSS floatзначение leftили rightдля каждой кнопки.
   • Используйте свойство CSS clear, чтобы предотвратить обтекание элементов вокруг кнопок.

2. Метод Flexbox:

   • Примените свойство CSS display: flexк элементу контейнера.
   • Задайте для свойства flex-directionзначение row, чтобы расположить кнопки горизонтально.
   • Настройте свойство justify-content, чтобы контролировать выравнивание кнопок.

3. Метод сетки:

   • Примените свойство CSS display:gridк элементу-контейнеру.
   • Определите количество столбцов, используя свойство grid-template-columns.
   • Поместите каждую кнопку в контейнер, и они автоматически расположится рядом.

4. Метод встроенного блока:

   • Задайте для свойства CSS displayзначение inline-blockдля каждой кнопки.
   • Удалите пробелы между кнопками в HTML-коде.

5. Метод таблиц CSS:

   • Используйте свойство CSS display: tableдля элемента контейнера.
   • Задайте свойство display: table-cellдля каждой кнопки.

6. Метод абсолютного позиционирования:

   • Задайте для свойства CSS positionзначение absoluteдля каждой кнопки.
   • Используйте свойства leftи top, чтобы расположить кнопки рядом.

Не забудьте настроить ширину, поля и отступы кнопок по мере необходимости для достижения желаемого внешнего вида.