css - Centering input field, container is a must?

Question

I am trying to center an Input field, however, it seems ignore the margin: 0 auto; setting.

A container is necessary to center it? Or I did something wrong?

Here is my sample code, as you can see, the box is centered, but not the Input field.

http://jsfiddle.net/EXZJm/

Many thx.

Answer 1

inputブロック要素を作成します-http://jsfiddle.net/EXZJm/2/

  input{
      margin: 0px auto; 
      width: 100px;
      display: block; /* this */
  }

Answer 2

親要素に text-align:center を追加するだけです。

Answer 3

入力はデフォルトでインライン要素text-align: center;であるため、親ボックスで使用して、入力のマージンを省略できます。