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;
}

3 comentários em “CSS: Centralizando um botão no formulário

  • 23 de maio de 2015 em 5:56
    Permalink

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

    Resposta
  • 16 de outubro de 2016 em 23:50
    Permalink

    Muito útil, me ajudou bastante!

    Resposta

Deixe uma resposta

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