Place input box at the center of div

Question

I have a div, and I want the input box to be place at it\'s center. How can I do this?

Answer 1

The catch is that input elements are inline. We have to make it block (display:block) before positioning it to center : margin : 0 auto. Please see the code below :

But if you have a div which is positioned = absolute then we need to do the things little bit differently.Now see this!

Hoping this can be helpful.Thank you.