How to align my sign in form in middle of the page. I have created the header, main and footer tag. I want to align the sign in form in middle of the page. Kindly help me. Now only I am trying to design. Here I have given the code which I used. Its not working. So please help me.
Code: Select all
<main style="text-align:center">
<style>
.center{
margin: auto;
width: 50%;
padding: 10px;
vertical-align:middle;
}
</style>
<div class="center">
<left>
Enter User Name/ID:
<br><br><br>
Enter Password:
<br><br><br>
<button type="button" name="Home_Login"><b>Login</b></button>
</left>
</div>
</main>