CSS：強制換行元素保持在一起

Question

我有兩個元素必須保持彼此相鄰（輸入和按鈕）。如果前面的文字變得太長，那麼它們必須同時推到下一行。但是，如果它們都適合第一行，則不應將它們推到下一行。

<div> 
    tag: some words of 
    <span>We must stay </span><span>together</span> 
</div> 

編輯：更新撥弄也顯示所希望的結果（雖然它使用BR，其答案不應）

http://jsfiddle.net/GSf67/5/

編輯：澄清父的寬度必須不延伸超出其指定寬度。相反，應該強制換行。

Answer 1

嘗試與display:inline-block病急亂投醫div包裹其中：

<div class="container"> 
    tag: some words of 
    <div style="display:inline-block"> 
     <span>We must stay </span><span>together</span> 
    </div> 
</div> 

另一個小提琴：http://jsfiddle.net/HsZRB/

Answer 2

分叉的小提琴：http://jsfiddle.net/7pB2q/

你想添加以下到您div選擇：

div { 
    white-space: nowrap; 
}