Form Centered

by Gonzalo Guevara

HTML

<body>
	<div class="login_div">
		<form class="login_form" action="#">
		</form>
	</div>
</body>

CSS

.login_div {
    position: absolute;
    
    width: 300px;
    height: 300px;
    
    /* Center form in page horizontally & vertically */
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -150px;
}

.login_form {
    width: 300px;
    height: 300px;
    
    background: gray;
    border-radius: 10px;
    
    margin: 0;
    padding: 0;
}