我想让我的div浮动留在前一个div之后

Question

我有以下代码：

<div class="ans_chk">
  <input id="Answer_Response[3]" name="Answer.Response[3]" value="False" type="checkbox"
</div>
<div style="font-weight: bold;" class="ans_opt" id="ans_opt_3">D)</div>
<div style="font-weight: 600;" class="ans_txt" id="ans_txt_3">xxx</div>
<div class="ans_exp" id="ans_exp_3"> - If message.</div>

但这是一个问题，因为如果有超过一定数量的字符，ans_exp_3总会转到新行。

有没有办法让ans_exp_3只是在ans_txt_3的文本后面标记？

Answer 1

如何阻止CSS包装。

.ans_exp {
    white-space:nowrap;
}

或者，如果您希望ans_exp_3在#ans_txt_3旁边呈现，则可以将#and_txt_3浮动为：

.ans_txt {
    float:left;
}

请参阅demo。