Como fazer - Botões de largura total (bloco)
Aprenda como estilizar botões de bloco (largura total) com CSS.
Como estilizar botões de bloco
Etapa 1) Adicionar HTML:
Exemplo
<button
type="button" class="block">Block Button</button>
Etapa 2) Adicionar CSS:
Para criar um botão de largura total, adicione uma largura de 100% e transforme-o em um elemento de bloco:
Exemplo
.block {
display: block;
width: 100%;
border: none;
background-color: #04AA6D;
padding: 14px 28px;
font-size: 16px;
cursor: pointer;
text-align: center;
}
Acesse nosso Tutorial de Botões CSS para saber mais sobre como estilizar botões.