不能浮動元素離開，因爲訂單是在下面

<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的Ag 2013
列表項

29 Ags 2013
列表項

29層的Ag 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>。

有什麼想法？

來源

2013-09-25 Dipa

使用此：

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

demo

來源

2013-09-25 12:25:12

非常感謝，最好的和簡單的解決方案！真的忘了'inline-block' – Dipa

爲什麼我得到-1票....... –

不能浮動元素離開，因爲訂單是在下面

回答

相關問題