estou tenndando centralizar meu formulario de pesquisa no centro da minha div mas nao estou conseguindo existe alguma propiedade em css que faca isso sem precisa de ganbiarra? aqui esta a pagina de desenvolvimento
index.html
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="#" >
</script>
</head>
<body>
<div>
<form action="search.php" method="GET" class="fc">
<input type="text" autocomplete="on" name="q" placeholder="Digite a sua pesquisa" />
<input type="submit" value="Tecle Enter" />
</form>
</div>
</body>
</html>
style.css
* {
margin: 0;
padding: 0;
vertical-align: baseline;
}
html body {
background-color: ghostwhite;
}
body div {
display: block;
width: 90%;
height: 123px;
margin: 0 auto;
border: 2px dashed black;
}
div .fc {
margin: 0 auto;
}
vejam eu setei margin: 0 auto;
na minha div
e na minha class .fc
mas nao esta funcinando
resultado n naavegador
margin: 0 auto;
funcionar o seuform
tem que ter uma largura fixa também!