CSS标签文本框布局

Question

我有一个寄存器掩码的模板。我使用<p>因为我的输入框没有id类。 它应该看起来像2行中的插图。我不喜欢额外的div，没有桌子。有可能吗？

HTML（元素可以采用不同的顺序）

 <div id="parent">
    <p class="Useraccount-Email-Repeat-Label"></p>
    <input class="Useraccount-Email-Repeat" type="text" />
    <p class="Useraccount-Password-Repeat-Label"></p>
    <input class="Useraccount-Password-Repeat" type="text" />
    <p class="Useraccount-Email-Label"></p>
    <input class="Useraccount-Email" type="text" />
    <p class="Useraccount-Password-Label"></p>
    <input class="Useraccount-Password" type="text" />
  </div>

Answer 1

试试这个： HTML：

 <div id="parent">
    <p class="Useraccount-Email-Repeat-Label"></p>
    <input class="Useraccount-Email-Repeat" type="text" />
    <p class="Useraccount-Email-Label"></p>
    <input class="Useraccount-Email" type="text" />
    <p class="Useraccount-Password-Label"></p>
    <input class="Useraccount-Password" type="text" />
    <p class="Useraccount-Password-Repeat-Label"></p>
    <input class="Useraccount-Password-Repeat" type="text" />
  </div>

CSS：

#parent p,
#parent input{margin:0 2% 2%;float:left;width:48%;display:block}
#parent input{border:1px solid #ccc; border-radius:3px}