移动输入形式的CSS身体

Question

中心目前我下面的输出和代码：

CSS：

label{text-align:left; 
     width:150px; 
     display:block; 
      float:left; 
      clear:right; 
     font-size:18;} 

输入表格：

<form> 
<label>Name:</label><input name=name autocomplete=off><br> 
<label>Date of Birth:</label><input size=2 name=dd placeholder=dd>/<input size=2 name=mm placeholder=mm>/<input size=6 name=yyyy placeholder=yyyy><br> 
<label>Time of Birth:</label><input name=tob placeholder="hh : mm : ss"><br> 
<label>City:</label><input name=city><br> 
</form> 

在屏幕上输出：

现在我想所有的移动到身体的中心，因此，如果我使用<center>标记为<input>然后我得到下面的输出（因为CSS是不正确的）：

所以，我能做些什么来移动<label>（CSS）+ <input>（Form）元素到Center Body？

Answer 1

想要设置父元素的宽度并将margin: 0 auto;应用于该父元素，在这种情况下，您可以将其应用于您的form本身。这是一个jsFiddle。

---

form { 
 
    width: 50%; 
 
    margin: 0 auto; 
 
} 
 

 
label { 
 
    text-align:left; 
 
    width:150px; 
 
    display:block; 
 
    float:left; 
 
    clear:right; 
 
    font-size:18; 
 
}

<form> 
 
    <label>Name:</label><input name=name autocomplete=off><br> 
 
    <label>Date of Birth:</label><input size=2 name=dd placeholder=dd>/<input size=2 name=mm placeholder=mm>/<input size=6 name=yyyy placeholder=yyyy><br> 
 
    <label>Time of Birth:</label><input name=tob placeholder="hh : mm : ss"><br> 
 
    <label>City:</label><input name=city><br> 
 
</form>

Answer 2

使用一个div代码一样，

\t label{text-align:left; 
 
     width:150px; 
 
     display:block; 
 
      float:left; 
 
      clear:right; 
 
     font-size:18;} 
 
     .outer 
 
     { 
 
     \t width: 400px ; 
 
    margin-left: auto ; 
 
    margin-right: auto ; 
 
     }

<div class="outer"> 
 
\t <label>Name:</label><input name=name autocomplete=off><br> 
 
<label>Date of Birth:</label><input size=2 name=dd placeholder=dd>/<input size=2 name=mm placeholder=mm>/<input size=6 name=yyyy placeholder=yyyy><br> 
 
<label>Time of Birth:</label><input name=tob placeholder="hh : mm : ss"><br> 
 
<label>City:</label><input name=city><br> 
 

 
</div>

前

名称：
出生日期：//
时间出生：
城市：

`