Formulario - div e form, centralizar

02/08/2015

0

Quando quero deixar um formulario centralizado ou mudar de posição, eu o faço no "form" ou na "div"?
Gabriela Monte

Gabriela Monte

Responder

Posts

02/08/2015

William

Nesse exemplo criei uma div para conteúdo da página com 1200px de largura e adicionei um form com 200px de largura, basta usar "margin: 0 auto".

<!DOCTYPE html>
<html>
<head>
	<title>Teste</title>
	<style type="text/css">
	#geral{
		width: 1200px;
		margin: 0 auto;
	}

	.form{
		width: 200px;
		margin: 0 auto;
	}
	</style>
</head>
<body>
	<div id='geral'>
		<form class='form'>
			<input type="text" name="campo">
			<input type="submit" value="Enviar">
		</form>
	</div>
</body>
</html>
Responder

02/08/2015

Gabriela Monte

Nos dois?

O que significa o "0" antes do auto?
Responder

02/08/2015

William

Isso significa que não quero margin-top nem margin-bottom, por isso o valor "0".
Responder

02/08/2015

Gabriela Monte

Nunca tinha visto! Obrigada pela dica!
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar