私は次のコードを持って、前のdiv

Question

を残し、私のdivのフロートを作りたい：

<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を参照してください。