Duda con margin centrando un formulario

[laurarock]

Tengo un login que quiero centrar en medio de una landing

Mi css está ahora mismo así margin:0 auto;

Pero el top y el bottom chocan con el header y footer necesitaría ponerle 100px al top y bottom.

¿Cómo lo cambiaría de la manera más correcta?


Gracias

[DragonX]

https://codepen.io/hced/pen/FbdqC espero te sirva

[Zeromm]

Una manera muy sencilla de centrar un login, que entiendo que está como un popup, es con position: absolute.

.login{
height: 200px;
width: 200px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

Evidentemente habría que ver cada caso, ya que puede no servir.