1 
<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 年 2013 年

  • 项目清单

    29 年 2013 年

  • 项目清单

    29 年 2013 年

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

http://i.imgur.com/rwVIvQQ.png

但什么也没有发生。我尝试设置<time>但display:block;仍然没有任何反应。

发现如果我将订单更改为：它会向左浮动：

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

但我不想那样。我想要<time>下面的<h3>。

任何想法？

4

1 回答 1

3

用这个：

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

演示

于 2013-09-25T12:25:12.140 回答