Как создать: полная ширина (блоковая) кнопка

Узнайте, как использовать CSS для настройки стиля блоковой кнопки (полной ширины).

Как установить стиль блоковой кнопки

Первый шаг - добавьте HTML:

<button type="button" class="block">Block Button</button>

Второй шаг - добавьте CSS:

Чтобы создать блоковую кнопку, добавьте ширину 100% и сделайте её блоковым элементом:

.block {
  display: block;
  width: 100%;
  border: none;
  background-color: #04AA6D;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
}

Попробуйте сами

Связанные страницы

Учебник:CSS-кнопка