html - 居中表单域

Question

我正在尝试将所有表单字段居中对齐，使其看起来像这样

这是我的jsfiddle代码http://jsfiddle.net/he7Xc/

.

Answer 1

尝试这个：

.info {
   margin: 0 auto;
   display: block;
}

或者，您可以将字段包装在<div>具有text-align:center.

Answer 2

只需检查这个小提琴我已经编辑了它正是你想要的......

<label for="E-mail">E-mail:</label><input type="email" name="email" autofocus required><br>

http://jsfiddle.net/VwaZJ/