html - 水平对齐 <label> 标签下的元素

Question

我想将标签文本和该标签下的 div 水平排列，但 div 一直换行到下一行。到目前为止，这是我尝试过的方法。

HTML

<label>
   <input class="wpProQuiz_questionInput" type="radio" name="question_23_549" value="2"> 25-50% 
   <div class="actual">=&gt; Actual EF 30%</div>
</label>

CSS

.actual {
    text-wrap:none;
}
.wpProQuiz_questionInput {
    text-wrap:none;
}

JSfiddle

Answer 1

更改为内联 block 并且有效

https://jsfiddle.net/grgjq9uh/12/

.actual {
    display: inline-block;
 }