Html 使用css的四列表单布局

我已经在CSS的帮助下实现了一个很好的两列布局表单，并在以下指南的帮助下实现了

我的标记看起来大致像

<form>
  <fieldset> 
    <legend>
      <ol>
        <li>
           <label>
           </label>
           <field>
           <field>
        </li>
        <!-- more fileds -->
      </ol>
  </fieldset>

  <fieldset>
     <!-- similar -->
  </fieldset>

</form>

这创建了一个很好的两列布局。我想实现的是，将字段集一个接一个垂直放置，并排放置。这应该给我一个四列布局

---

如何实现这一点？

在您的CSS中：

fieldset { display: inline; }

默认情况下，

元素是

块类型。将其更改为
inline
将使它们坐在一起

您还可以使用
float:left但这可能会导致其他布局问题。
谢谢，这种方法很有效，但现在对齐看起来非常困难。这里是表单外观的链接：这里是css和表单如何修复？我通过添加{vertical align:top；}来修复它。