如何将非浮动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。