多行編輯字段和編輯標籤在一行

Question

我怎樣才能在一行中有兩個字段，即不是垂直堆棧，我希望我的一些字段在一行中。

例如

名稱---文本框---

年齡---文本框---

開始日期---文本框---結束日期---文本框

我現在的CSS是

.editor-label { 
    margin: 1em 0 0 0; 
    text-align: left !important; 
    vertical-align: top; 
    width: 25% !important; 
} 

.editor-field { 
    margin: 1.2em 0 0 0.5em; 
    float: left !important; 
} 

.editor-label input[type="checkbox"], .editor-field input[type="checkbox"] { 
    margin-left: 20px; 
} 

Answer 1

把你float: left財產在你.editor-label類，而不是你的.editor-field類。

http://jsfiddle.net/h8Wnh/