HTML放置字段集/标签相邻

Question

所以我有两个字段集，包含在一个标签中，我希望彼此相邻显示。这是我的代码：fiddle

因此，分别包含输入框和指令的两个字段集应并排显示。我应该在代码中更改/添加什么才能使其正常工作？感谢

Answer 1

使字段集float: left;可以正常工作。

看看这个：http://jsfiddle.net/5brSk/2/

您必须确保2个字段集的容器足够大，以便将两个字段集保持在一起，否则它会再次中断。

Answer 2

如果您希望并排使用两个字段集，则可以使用表结构

<label>
  <table>
    <tr>
      <td>
        //field set 1
      </td>
      <td>
        //field set 2
      </td>
    </tr>
  </table>
</label>

添加一些css来修复它。 从技术上讲，不需要标签标签。

Answer 3

将字段集设置为display: inline-block;（http://jsfiddle.net/5brSk/16/）以使它们并排显示，并且不要使用标签作为父级 - 使用它的形式或div / span。有countless other件事使您的代码无效（重复ID等）