Question

私は、次のHTMLは、他の誰かがサービスを提供している：

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

私は入力（ラジオボタン）をスタイルにしたいので、彼らは、ページ上の左から右へ流れ、そう、彼らはによってスタイル2つのdiv要素の間でラインアップはいクラス。

IDを参照したくないので、スティーブシートに膨大な数のクラスが含まれていて、IDはマシンが生成され、信頼性が低いためです。

これまでのところ、私は流れを制御するの、次のCSSのどれを持っていない...

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

だから、あなたははいいいえdiv要素内のすべてのdivをインラインで表示されるようにしたいですか？

.yesno div { display: inline; } 

Answer 2

ただ、これはあなたが何を望むかですはいいいえクラス

にfloat:left;を追加しますか？

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

Answer 3

あなたはCSS3（これは2のために動作するかどうかわからない？）を使用する場合は、このようにそれを行うことができます。

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