How to align form at the center of the page in html/css

Question

I am new to html/css. i am trying to build up my own form and i am trying to align it in the center. I used the align property in css but its not working.

Html code:

Answer 1

1. Wrap the element inside a div container as a row like your form here or something like that.
2. Set css attribute:
   • width: 30%; (or anything you want)
   • margin: auto; Please take a look on following picture for more detail.