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

Question

我有一个HTML页，其中包含使用文本框显示的个人信息详细信息。 我有两个字段集

这个Jsfiddle 。

如前所述，字段集处于上下位置。 我的问题是

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

谢谢

Answer 1

我删除了表格width: 40%; 并分配了一个float:left; 这些字段集上的属性。 这是纠正的小提琴： 试试我

Answer 2

从form删除width:40% ，并为您的fieldsets float 。

检查此： 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%;
           }