html - 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}