HTML，CSS问题：HTML字段集放置/定位

Question

我有一个HTML页面，其中包含使用文本框的个人信息详细信息。我有

中的两个字段集

this Jsfiddle。

注意到场集是放置在上下位置。我的问题是

如何将这两个字段集并排放置（左右位置）？

谢谢

Answer 1

我删除了表单width: 40%;，并在这些字段集上分配了float:left;属性。这是纠正的小提琴：Try me

Answer 2

从width:40%＆amp;移除form将float提供给fieldsets。

请检查：http://jsfiddle.net/XdRYT/8/

Answer 3

最简单的解决方案是创建包含两个单元格和一行的表，并将每个字段集放在不同的单元格中。另一个更复杂的是使用CSS格式化它。

Answer 4

将fieldset stye更改为

  fieldset {
            border: 1px dotted #61B5CF;
            margin-top: 1.4em;
            padding: 0.6em;
            float:left;
            width:40%;
           }