Eu gostaria de retirar esse espaço em branco entre o footer e a div do input. Já tentei criar um "span" para os dois para deixar só um "background-color", mas não deu certo.
Resultado:
Código:
div#newsletter{
text-align: center;
background-color: #000000;
div#newsletter input{
border-radius: 3px;
border: 2px #606060 solid;
padding: 15px;
width: 30%;
margin: -50px 5px 30px 5px;
background-color: #ffffff;
}
div#newsletter input.botao{
width: 20%;
}
footer#rodape{
color: #ffffff;
text-align: center;
background: #000000;
footer#rodape a{
text-decoration: none;
color: #ffffff;
margin-top: 0px;
}
<div id="newsletter">
<form>
<h1>Quer receber nossas promoções?</h1>
<input type="text" name="nome" value="" placeholder="Digite seu nome">
<input type="text" name="email" value="" placeholder="Digite seu email">
<input type="button" value="Receber" class="botao">
</form>
</div>
</section>
<footer id="rodape">
<p>Copyright © G&R Imports <br/>
<a target="_blank" href="http://facebook.com">Facebook</a> | <a target="_blank" href="http://instagram.com">Instagram</a></p>
</footer>