HTML CSS Form - How to center the form on the page?

Question

I made a form and I am trying to center it on page but it doesn\'t work. I tried applying these 2 CSS to it but it didn\'t work.

form{margin: 0 auto;}

form{marg         


        

Answer 1

Your form has a property display: inline-block;, which makes it behave like an inline element. So you have to add text-align: center; to its parent to make it center horizontally. Like this: http://jsfiddle.net/bMf9M/4/.

Don't forget to set the form's text-align to left, otherwise it will have center-aligned text.