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

Question

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

这是我目前拥有的: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 .