Как выровнять кнопку по правому краю в html?

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

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

Как выровнять кнопку по правому краю в html?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от cristina.schaefer , 3 года назад

@sylvester  Выровнять кнопку по правому краю в html можно так:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <style>
      button {
        width: 100px;
        height: 30px;
        float: right;
      }
    </style>
  </head>
  <body>
    <button class="button">Кнопка</button>
  </body>
</html> 

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

от richie_mayert , 2 года назад

@sylvester 

Для того, чтобы выровнять кнопку по правому краю в HTML, вы можете использовать стиль CSS "text-align: right;". Например:


Кнопка


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


Кнопка


В CSS:


.right-btn { text-align: right; }