Html 如何创建一个2列来分隔表单中的标签和输入元素

我的表单如下所示：

**

在上述表单的右侧将有另一个表单（id=#rightform）

---

真的很困惑如何正确地做到这一点…

最简单的方法是浮动元素并为标签设置宽度和文本对齐：right

比如：

label {
    width:200px;
    text-align:right;
}

input {
    float:left;
}

---

您可以检查所有css示例，最简单的方法是浮动元素，并为标签设置宽度和文本对齐：right

比如：

label {
    width:200px;
    text-align:right;
}

input {
    float:left;
}

您可以检查所有css示例

这应该可以做到：

label {
    width: 150px;
    margin-right: 10px;
    text-align: right;
    float: left;
}

输入元素不需要任何特殊的样式

至于div，只需给它们一个固定的宽度和

float:left，它们将很好地排列在一起。只需使用
clear：两者都有如有必要。
这应该可以做到：

label {
    width: 150px;
    margin-right: 10px;
    text-align: right;
    float: left;
}

输入元素不需要任何特殊的样式

至于div，只需给它们一个固定的宽度和
float:left，它们将很好地排列在一起。只需使用
clear：两者都有如有必要。
您需要将所有标签向左浮动，将其设置为固定，然后将其文本对齐：

label {
  float:left;
  text-align:right;
  width:20em;
}

p {
  clear:right;
}

您需要将所有标签向左浮动，将其设置为固定，然后将其文本对齐：

label {
  float:left;
  text-align:right;
  width:20em;
}

p {
  clear:right;
}

好吧，简单的方法是桌子，但这是不正确的

<div style="float: left; width: 100px;">
    <label>last name</label>
</div>
<div style="margin-left: 100px;">
    <input type=text name=state />
</div>


姓
简单的方法是表格，但这是不正确的

<div style="float: left; width: 100px;">
    <label>last name</label>
</div>
<div style="margin-left: 100px;">
    <input type=text name=state />
</div>


姓
就我个人而言，我很少使用浮动技术，尽管它非常常见。原因是：在更复杂的情况下，它非常脆弱

我几乎总是这样做：

<form ...>
  <p>
    <label for="id1">Label 1</label>
    <input id="id1" ... />
  </p>
  <p>
    <label for="id2">Label 2</label>
    <input id="id2" ... />
  </p>
</form>

溢出的多行标签很少会出现问题

要使它在IE6和IE7中工作，您需要加入一些东西来提供布局。缩放：1；我个人很少使用浮动技术，尽管它很常见。原因是：在更复杂的情况下，它非常脆弱

我几乎总是这样做：

<form ...>
  <p>
    <label for="id1">Label 1</label>
    <input id="id1" ... />
  </p>
  <p>
    <label for="id2">Label 2</label>
    <input id="id2" ... />
  </p>
</form>

溢出的多行标签很少会出现问题

要使它在IE6和IE7中工作，您需要加入一些东西来提供布局。缩放：1；做这个技巧，或者指定一个宽度。
（顺便说一句，如果您要使用XHTML自动关闭标记语法，最好使用实际的XHTML并引用您的属性。）只想放在那里——将输入包装在标签内，然后绝对将其放在标签边缘外，形成两列。（顺便说一句，如果要使用XHTML自动关闭标记语法，最好使用实际的XHTML并引用您的属性。）只是想把它放出来——把输入包在标签里面，然后绝对地把它放在标签边缘的外面，形成两列。输入上的
float
是不必要的，就像p上的
clear
一样，如果你也省略了输入元素上的
float:left
。输入上的
float
是不必要的ary，如果您还省略了输入元素上的
浮点：left
，则p上的
清除
。