Comment changer le flux de page normal pour les divs?

Question

Je le code HTML suivant servi par quelqu'un d'autre:

<div class="surveyTable"> 
    <div id='fac_light' class='yesno vertical' > 
     <div id='fac_light_title' class='title' >Lighting (DT)</div> 
     <div id='fac_light_buttons' class='answers' > 
      <div id='fac_light_button_0' class='answer' > 
       <input id='fac_light_radio_0' type="radio" name="FAC_LIGHT" value="1" checked="yes"/> 
      </div> 
      <div id='fac_light_button_1' class='answer' > 
       <input id='fac_light_radio_1' type="radio" name="FAC_LIGHT" value="2"/> 
      </div> 
     </div> 
    </div> 
    <div id='fac_park' class='yesno vertical invalid' > 
     <div id='fac_park_title' class='title' >Parking Lot/Curbs (DT)</div> 
     <div id='fac_park_buttons' class='answers' > 
      <div id='fac_park_button_0' class='answer' > 
       <input id='fac_park_radio_0' type="radio" name="FAC_PARK" value="1" checked="yes"/> 
      </div> 
      <div id='fac_park_button_1' class='answer' > 
       <input id='fac_park_radio_1' type="radio" name="FAC_PARK" value="2"/> 
      </div> 
     </div> 
    </div> 
</div> 

Je veux le style des entrées (boutons radio) afin qu'ils coule de gauche à droite sur la page et donc ils font la queue entre les deux divs style par la classe yesno.

Je ne veux pas me référer aux identifiants parce que cela causerait un grand nombre de classes dans mon stlyesheet, et de toute façon, les identifiants sont générés par machine et peu fiables.

Jusqu'à présent, j'ont le CSS suivant aucune commande le flux ...

body 
{ 
    font-family: "trebuchet ms", helvetica, sans-serif; 
} 
.yesno 
{ 
    padding-left: 1em; 
    padding-bottom: 1em; 
} 

div.invalid 
{ 
    font-weight: bold; 
    font-style: italic; 
    border: red 1px dashed; 
} 

TIA

Answer 1

Donc, vous voulez que tous divs dans le yesno div à afficher en ligne?

.yesno div { display: inline; } 

Answer 2

Il suffit d'ajouter float:left; à la classe yesno

Est-ce que tu voulais?

http://jsfiddle.net/Mutant_Tractor/hQVHA/

Answer 3

Si vous utilisez CSS3 (pas sûr si cela fonctionne pour 2?), Vous pouvez le faire comme ceci:

.answers input[type=radio] 
{ 
    float: left; 
    margin-left: 10px; 
}