html - 如何将非浮动 div 和浮动 div 放在同一行？

Question

目前列表项# 出现在右侧。如果从 document-export-icon 类中删除浮动，列表项 # 会正确显示在左侧，但标题和日期会移到下一行。我需要它们与导出图标位于同一行。

这是我到目前为止所拥有的：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 示例。