forms - 在文本框旁边设置标签而不使用表格 HTML\CSS

Question

我正在做一个供我个人使用的网站。我需要一些助手来了解如何在不使用表格的情况下在标签旁边设置文本框。他们在自己的部门标签中

<div id="outter">

        <div class="1">
       Fill out and submit the form below and we will contact you a.s.a.p.
        </div>

        <div class="2">
       <label> Name: </label>
        </div>
           <div class="2">
        <input name="name" type="text" class="3" >
        </div>
</div>

试图得到这个：

[input box 1]   label 1
[input box 2]   label 2

这是获取更多详细信息的链接

http://homework.genesee.edu/~dmead1/forms/table.html

Answer 1

非常简单的问题解决方案

HTML

<fieldset class="login">     
<legend>Fill out and submit the form below and we will contact you a.s.a.p. </legend>

<div><label for="name">Name</label> <input type="text" id="name" name="name"></div>

</fieldset>

CSS

 fieldset div {
  margin:0.3em 0;
  clear:both;
 }

检查小提琴