Centralizar e aumentar formulário formulário

Front-end
, ,
#1

Olá, quero centralizar o meu form e não estou conseguindo, nem por margin, nem por align-content, nem por text-align e nem aumentar meu formulário por cols w rows no textarea e nem com heigh e width.

fdsg
fdsg.jpg746×374 23.7 KB

HTML

<div id="contato" class="contato"> 
	<form method="post" action="mandar_mensagem.php">
		Nome<br><input type="text" name="nome" placeholder="Digite seu nome"><br>
		E-mail<br><input type="email" name="email" placeholder="Digite seu E-mail"><br>
		Assunto<br><input type="text" name="assunto" placeholder="Digite o assunto"><br>
		Mensagem<br><input type="textarea" name="mensagem"  placeholder="Digite a conversa para a gente conversar"><br>
		<input type="submit" value="Enviar">
		<input type="reset" value="Limpar">
	</form>
 </div>

CSS

.contato {
		align-content: center;
		height: 20%;
		width: 60%;
}
#2 
<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>Form</title>
	<style>
		.contato {
			margin: 0 auto;
			width: 50%;
		}
		.contato > form > input[type="text"], input[type="email"], input[type="textarea"] {
			width: 100%;
		}
	</style>
</head>

<body>
	<div id="contato" class="contato">
		<form method="post" action="mandar_mensagem.php">
			Nome<br><input type="text" name="nome" placeholder="Digite seu nome"><br>
			E-mail<br><input type="email" name="email" placeholder="Digite seu E-mail"><br>
			Assunto<br><input type="text" name="assunto" placeholder="Digite o assunto"><br>
			Mensagem<br><input type="textarea" name="mensagem"  placeholder="Digite a conversa para a gente conversar"><br>
			<input type="submit" value="Enviar">
			<input type="reset" value="Limpar">
		</form>
	</div>
</body>

</html>
1 curtida