Хочу сделать несколько кнопок такого же стиля что и моя И располагать их так как я захочу?

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

Создайте стиль для кнопки:

.button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #007bff;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  font-size: 14px;
}

В этом примере используется класс .button, который можно применять к любому элементу HTML.

Добавьте HTML код для кнопок:

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

Чтобы указать желаемое расположение кнопок, вы можете использовать различные свойства CSS, такие как float, position и display. Давайте рассмотрим некоторые из них:

float: Вы можете использовать это свойство, чтобы разместить кнопки горизонтально. Например, если вы хотите, чтобы кнопки были выровнены по левому краю, вы можете применить следующий стиль:

.button {
  float: left;
  /* другие свойства стиля */
}

В результате кнопки будут выровнены по левому краю.

position: Вы можете использовать position: absolute или position: relative, чтобы задать точное положение кнопок:

.button {
  position: absolute; /* или relative */
  top: 50px;
  left: 50px;
  /* другие свойства стиля */
}

В этом случае все кнопки будут располагаться на расстоянии 50 пикселей от верхнего и левого края. При использовании position: relative кнопки будут сдвигаться относительно своего исходного местоположения, а при использовании position: absolute они будут сдвигаться относительно ближайшего родителя с установленным position: relative или относительно всего документа.

display: Еще один способ контролировать расположение кнопок - это изменение значения свойства display. Например, если вы хотите, чтобы кнопки были расположены в виде таблицы, используйте следующий стиль:

.button {
  display: table-cell;
  /* другие свойства стиля */
}

Кнопки будут располагаться горизонтально, как ячейки таблицы.

Это лишь некоторые из возможностей для задания расположения кнопок с помощью CSS. Вы можете экспериментировать с различными свойствами и комбинациями, чтобы получить желаемый результат.