如何將非浮動div和浮動div放在同一行上？

Question

當前列表項＃出現在右側。如果您從文檔導出圖標類中刪除浮動，則左側的列表項＃正確顯示，但標題和日期將移至下一行。我需要它們與導出圖標位於同一行。

這是我到目前爲止有：http://jsbin.com/owanod/2/edit#source

下面是它應該是什麼樣子：

Answer 1

我加入這三個CSS規則，以你的例子：

.document-export-icon, .document-title-separate, .document-date { 
    display: inline-block; 
} 
.document-date { 
    position:absolute; 
    right:0px; 
} 
.document-wrapper { 
    position:relative; 
} 

jsFiddle example。