How to center a form into the middle of a page:

[jessicafryer]

How do I center my register/login form into the exact middle and center of the page. Right now I have it centered but it's at the top of the page instead of the middle. This is my CSS:

form {
        width: 300px;
        margin: 0 auto;

}`

[Taher_2]

Try this:

.parent {
  position: relative;
}
.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

replace .parent and .child accordingly.

[Texx]

or just put your form in a div with the class that has the followeding rule added to it's rules:

margin: 0px auto 0px auto;

[jayashreemarg]

You can adjust the alignment of the form with respect to its percentage to make it available in the middle.