Formulario - div e form, centralizar

Front-end

02/08/2015

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

Gabriela Monte

Curtidas 0

Respostas

William

William

02/08/2015

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>
GOSTEI 0
Gabriela Monte

Gabriela Monte

02/08/2015

Nos dois?

O que significa o "0" antes do auto?
GOSTEI 0
William

William

02/08/2015

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

Gabriela Monte

02/08/2015

Nunca tinha visto! Obrigada pela dica!
GOSTEI 0
POSTAR