Cómo crear: botón de ancho completo (de nivel de bloque)

Aprende a usar CSS para configurar el estilo del botón de nivel de bloque (de ancho completo).

Cómo configurar el estilo del botón de nivel de bloque

Primer paso - Agregar HTML:

<button type="button" class="block">Botón de bloque</button>

Segundo paso - Agregar CSS:

Para crear un botón de nivel de bloque, agregue un ancho del 100% y déjelo como elemento de nivel de bloque:

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

Prueba por tu cuenta

Páginas relacionadas

Tutorial:Botón de CSS