Css 在注册表单中对齐div

我想为注册表单编写HTML，该表单类似于以下链接中的表单：

---

问题是，我想使用div标记、ul和li元素来创建表单，而不是HTML表。我很难弄清楚如何使用css类对齐字段指令和文本框输入。

为什么需要使用DIVS和LI

---

使用标签和表单元素。。。。Www.w3c.org将提供帮助

您可以尝试以下方法：

<ul>
   <li>
       <label>Name:</label><input class="textbox" type="text" size="30" />
   </li>
</ul>

---

继续尝试一些css样式，边距浮动……

让你开始吧

你基本上会这样做。。从列表中删除样式并将其向左浮动。 您也可以取出边距：0自动；如果你不想让它居中

.container {margin: 0 auto; width: 300px;}
.container ul {margin: 0; padding: 0; list-style: none; float: left; width: 50%;}


<div class="container">
<ul>
<li>name</li>
<li>email</li>
</ul>

<ul>
<li><input type="text" name="email" /></li>
<li><input type="text" name="email" /></li>
</ul>
</div>

这是更好的选择使用这个，不要去Ul li使用DIV

---

这里是链接

请展示您所做的一些工作。谢谢您的代码。现在，我的代码与你给出的代码非常相似。在我上面提供的链接的注册表单中没有输入任何信息，您可以点击注册按钮吗？您将看到一个错误出现在文本框的正下方。如何修改CSS以支持这一点？我喜欢这样，但如何将字段指令跨度精确地对齐到输入标记下？按上面提到的链接上的注册按钮，不输入任何内容来查看我的意思。在这种情况下，你可以通过使按钮嵌套在另一个div中，比如在div字段中，使另一个div align按钮向左浮动，同时将父div向右浮动：请查看我的修改：我想对齐说明，请检查你的名字就在它前面的文本框里。伙计，你可以用占位符来代替它们

 <form  method="post">
                <div class="field"> 
                    <label for="name">name</label> 
                    <input id="name" name="name" type="text" /> 
                </div> <div class="field"> 
                    <label for="email">email</label> 
                    <input id="email" name="email" type="text" /> 
                </div> <div class="field"> 
                    <label for="job title">job title</label> 
                    <input id="job title" name="job title" type="text" /> 
                </div> 
                </form>