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 像素。如果文本有一定长度，这会导致文本在单选按钮下方换行。如这个小提琴所示：

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