Html CSS标签文本框布局

我有一个注册掩码的模板。我使用

，因为我的输入框没有仅id的类。 它应该如图中所示，有两行。我不喜欢额外的沙发，没有桌子。可能吗

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

试试这个： HTML:

---

你试过什么？向我们展示你的CSS或者制作一个。没什么，我只是想制作更好的CSS。。出于这个原因，我正在寻找解决这个问题的方法。我没有这个解决方案的css，这就是为什么我问。如果你给每个输入一个唯一的类，那么这些应该是ID。您仍然可以在同一个类中提供所有输入，以便在css中使用。您可以使用标签而不是p，并在css中适当地设置它们的格式。但是您需要显示一些css以获得一些帮助。为什么您不想使用

table

元素？通过

table

你可以很容易地做到这一点。哦，太好了！所以你故意让那些禁用JavaScript的用户无法使用你的网站？为什么？

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

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

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