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

我修改了文本的宽度，使其适合 220 像素。如果文本具有一定长度，这会导致文本在单选按钮下方换行。如这个 fiddle 所示:

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 */ }

你达到了想要的效果