CSS在一行中浮動多個元素

Question

我有一個帶有標題欄div的面板div。在標題欄中，我可能在右側有幾個不同的圖標（在運行時確定）。我正在嘗試構建CSS，以便圖標總是儘可能地向右堆疊，並且也讓它的標題文本不會在圖標上運行（即，它會繞回到一個新行if必要）。我只是無法做到。對於我的圖標，我有<img class="icon" ...>其中

.icon { 
display: block; 
float: right; 
padding-left: 4px; 
} 

圖標自行顯示正常。但是當我試圖添加實際的標題是當事情變得不可靠時。我似乎無法正確地將剩餘空間佔用到左側。該div（或跨度，我試過）將完全低於或高於圖標。或者有時，它會強制圖標垂直堆放在右側，具體取決於標題的長度。

因此，本質上，我正在尋找的是一個或多個小尺寸固定大小的元素水平堆疊到右上角，而一個更長的元素將剩餘空間放在左邊，並且最後一個元素可能會結束取決於是否有任何文字環繞，垂直取放更多空間。

任何幫助將不勝感激！

Answer 1

添加以下規則來元素的CSS，你有可能會幫助你的文字：

white-space: nowrap; 

Answer 2

我想我得到它的工作。

基本上，我有一個div內的標題文本（也試過跨度）。但是如果我沒有把它放在任何東西之內（即它是主標題div的一部分），那麼一切似乎都行得通。