由于订单位于下方，因此无法将元素浮动到左侧

Question

<ul class="unlist clearfix">
            <li class="clearfix">
                <h3>List Item</h3>
                <time datetime="2013-08-29"><span>29</span> Ags 2013</time>
            </li>
            <li class="clearfix">
                <h3>List Item</h3>
                <time datetime="2013-08-29"><span>29</span> Ags 2013</time>
            </li>
            <li class="clearfix">
                <h3>List Item</h3>
                <time datetime="2013-08-29"><span>29</span> Ags 2013</time>
            </li>
</ul>

目前显示的内容如下

• 列出项目

  29 Ags 2013

• 列出项目

  29 Ags 2013

• 列出项目

  29 Ags 2013

我想使用29 Ags 2013浮动float:left;。所以它看起来像这样：

但没有任何反应。我尝试将<time>设置为display:block;但仍未发生任何事情。

如果我将订单更改为：

，则发现它会向左浮动

<li class="clearfix">
            <time datetime="2013-08-29"><span>29</span> Ags 2013</time>
            <h3>List Item</h3>
</li>

但我不希望如此。我希望<time>下面有<h3>。

有什么想法吗？

Answer 1

使用此：

h3,time{
    display: inline; //or inline-block
}
time{
    float: left;
}

demo