固定寬度浮動的div與柔性寬度內容

Question

我有固定寬度的容器我試圖像這樣來格式化內容：

Description: [button][button] 

基本上，描述標籤佔用50％時，按鈕控件採取增長50％。

<div style="width: 300px;"> 
    <div style="width: 145px; margin-right: 5px; float: left;">Description:</div> 
    <div>[button][button]</div> 
</div> 

在這種情況下，有更多的按鈕比將適合在右側，而不是讓它們包住這樣的：

Description: [button][button] 
[button][button] 

我我被浮動，像這樣的說明這樣做倒是寧願佈局是這樣的：

Description: 
[button][button][button][button] 

所以基本上，我無法想出一個簡單的佈局，將讓的描述標籤，在50％的寬度，保持解開控制和處理以上兩種情況。我很積極，我缺少一些簡單的東西 - 任何指針？

Answer 1

你可以看到我的演示on JsBIN

使用white-space財產斷行，以防止。

Answer 2

您可以使用white-space和float一個組合在這裏看到關於這個的jsfiddle http://jsfiddle.net/UGEBM/1/