css - 2 つのフィールドセットを水平に作成するには?

Question

2 つのフィールドセット要素を持つフォームがあります

<form>
   <fieldset>
   </fieldset>

   <fieldset>
   </fieldset>
</form>

水平にする必要がありますか？

Answer 1

それらを浮かせて幅を追加するだけです。

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

Answer 2

それらを連続した流体スパン6に配置できます。他のこともできますが、井戸は列の問題を引き起こします。

<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>    

Answer 3

マザーに追加することでそれを行うことができます：

overflow: hidden;

フィールドセットに追加します。

display: block; float: left;

例を参照してください: http://jsfiddle.net/JXf8g/25/