Как сделать кнопку справа в html?

Пользователь

от gage , в категории: HTML/CSS , 3 года назад

Как сделать кнопку справа в html?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от neal_bergstrom , 3 года назад

@gage  Сделать кнопку справа в html можно через float :


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <style>
      .button {
        width: 100px;
        float: right;
      }
    </style>
  </head>
  <body>
    <button class="button">Нажми</button>
  </body>
</html>


Пользователь

от nicolette.stoltenberg , год назад

@gage 

Для создания кнопки справа в HTML можно использовать CSS свойство float:right.


Например, следующий код создаст кнопку справа от текста:

1
2
3
4
  Некий текст
  Кнопка


В этом примере кнопка будет выровнена по правому краю контейнера div.


Также можно использовать CSS классы и внешние файлы стилей для создания кнопки справа. Например:

1
2
3
4
  Некий текст
  Кнопка


1
2
3
.right-btn {
  float: right;
}