javascript - テキストをラジオボタンに合わせる

Question

以下のスクリプトで：

<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6352993.js"></script>
<noscript><a href="http://polldaddy.com/poll/6352993/">This is very long test question to test how polldaddy handles questions that exceed that normal length............ yes a very long question indeed..............</a></noscript>​

テキストの幅を220pxに収まるように修正します。これにより、テキストが特定の長さの場合、ラジオボタンの下でテキストが折り返されます。このフィドルに示されているように：

http://jsfiddle.net/25LjE/8/

図に示すように、オプションはラジオボタンの右側に折り返される必要があります。

これは可能ですか？クラス「pds-answer-span」を修正する必要があると思いますか？

Answer 1

このスタイルを CSS パネルに追加する

.pds-input-label { width: 85% !important }
.pds-input-label, .pds-answer-input { float: left;  } 
.pds-answer-group { height: auto; overflow: hidden; /* float clearing */ }

あなたは望ましい効果を達成します

Answer 2

これを試してください - http://jsfiddle.net/25LjE/11/

.pds-answer-input { margin-top: 4px; }

.pds-answer-input,
.pds-input-label { display: inline-block; max-width: 170px; }

Answer 3

これを取り除く

.pds-input-label{
    width: auto! important;
}

これを追加します（100pxは希望の幅です）

#PDI_container6352993 .pds-input-label { 
    width 100px; 
}