CSS

CSS: Centralizando um botão no formulário

Dica simples mais útil em alguns casos.

Para centralizar um botão dentro de um formulário, é necessário colocar o input#type=submit dentro de um div.

Clique aqui para ver um exemplo.

<form>
   <div id="botao">
      <input type="submit" name="botao" value="ENVIAR DADOS" class="botaoEnviar" />
   </div>
</form>
#botao{ text-align: center }
.botaoEnviar{
    width: 350px;
    text-align: center;
    padding: 15px 20px;
    border: 1px solid #eee;
    border-radius: 6px;
    background-color: #FCC302;
    font-size: 18px;
}

5 comentários sobre “CSS: Centralizando um botão no formulário

  • Gostei do exemplo eh o que eu realmente precisava, testei e vi que realmente funciona.Obrigado e continue assim

    Resposta
  • Nossa vocês merecem nota 1000, eu tou começando agora desenvolver sites, eu estava penando pra centralizar um botão e somente o site de vocês deram um exemplo que eu podia entender, muito obrigada.

    Resposta
  • Valeu, realmente a questão é colocar o ajuste em uma div, antes do objeto, top!

    Resposta

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *