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

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

cristina.schaefer

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

24 | 0

html

2 ответа

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

helmer

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

Для того, чтобы сделать кнопку посередине в HTML, можно использовать следующий код:

<head>
<style>
       .button {
           margin: 0 auto;
           display: block;
       }
    </style>
</head>
<body>
    <button class="button">Войти</button>
</body>

1 | 0

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

clement.erdman

от clement.erdman , 2 года назад

@cristina.schaefer

Чтобы сделать кнопку посередине в HTML, вам нужно:

Обернуть кнопку в тег <div>
Добавить стиль "text-align: center" для родительского тега <div>

Пример:

1
2
3

<div style="text-align: center">
  <button>Кнопка</button>
</div>

Вы так же можете использовать стили CSS и присвоить класс родительскому тегу <div> и уже в файле CSS определять как это должно выглядеть.

1
2
3

<div class="center">
  <button>Кнопка</button>
</div>

1
2
3

.center {
   text-align: center;
}

0 | 0

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

2 ответа

Похожие обсуждения: