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; } |
Gostei do exemplo eh o que eu realmente precisava, testei e vi que realmente funciona.Obrigado e continue assim
Otimo exemplo.
Muito útil, me ajudou bastante!
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.
Valeu, realmente a questão é colocar o ajuste em uma div, antes do objeto, top!