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%;
           }