在容器底部的位置標題

Question

我試圖將標題標籤浮動到li標籤的底部，如下圖所示。所以即使文字很短，它總是停留在底部，只能在上面延伸。

標題似乎溢出了李。任何幫助最受讚賞。請參閱http://jsfiddle.net/noscirre/JtVGp/1/

<ul style="list-style:none;"> 
    <li style="float:left; width:70px; height:90px; margin:0 10px 10px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; border: 4px solid #0CF; padding:10px; position:relative;"> 
     <a title href="#"> 
      <div style="background:#9F0; width: 50px; height: 50px; float:left; display:block"></div> 
      <h2 style="font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:right; bottom: 10px; position:absolute ">ANOTHER APP</h2> 
     </a> 
    </li> 
</ul> 

Answer 1

如果我理解了更正ectly你想要什麼：

添加right: 5px到你的頭 - 這將空間從李的右邊緣，所以它不會像它的overspilling

您可以用right和width的價值觀玩達到你想要的正確結果。

Answer 2

嘿在代碼中添加一行CSS

在你的CSS定義的白色空間，像這樣

white-space: pre; 

現場演示http://jsfiddle.net/JtVGp/2/