Css 如何水平设置两个字段集？

我有一个包含两个字段集元素的表单

<form>
   <fieldset>
   </fieldset>

   <fieldset>
   </fieldset>
</form>

---

我需要使其水平吗？

只需将其浮动并添加一个宽度

fieldset {
  float: left;
  width: 50%;
}

---

你可以把它们排成一行。你可以做一些其他的事情，但是这口井会引起row的问题

<form class="row-fluid well">
    <fieldset class='span6'>
      <legend>Legend 1</legend>
      <label class="radio">
        <input type="radio" name="option1"/> Option1
      </label>    
        <label class="radio">
         <input type="radio" name="option2"/> Option2
      </label> 
    </fieldset>    

    <fieldset class='span6'>
       <legend>Legend 2</legend>
       <select>
           <option> option1 </option>
        </select>    
    </fieldset>
</form>    

图例1
选择1
选择2
图例2
选择1

您可以通过添加到母亲：

overflow: hidden;

并添加到字段集：

display: block; float: left;

---

请参见示例：

可能使用库。like aui:column.可能重复的