我想要離開了以前的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。