Как сделать два поля по горизонтали?

Question

У меня есть форма с двумя Fieldset элементами

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

и добавить к FIELDSET:

display: block; float: left; 

Смотрите пример: http://jsfiddle.net/JXf8g/25/