有預謀的圖標文本自舉導航列表排列

我想一個簡單的圖標添加到我的導航欄菜單項與引導：有預謀的圖標文本自舉導航列表排列

這是代碼：

<div class="span4 well"> 
     <ul class="nav nav-list"> 
      <li class="nav-header">Recent news</li> 
         <li><a href="/news/introducing-new-apps-for-timeline"><i class="icon icon-play"></i> Introducing New Apps for Timeline</a></li> 
      <li class="divider"></li> 
         <li><a href="/news/do-you-shake-your-tea"><i class="icon icon-play"></i> Do you shake your tea?</a></li> 
      <li class="divider"></li> 
         <li><a href="/news/new-delta-sky-club-opens"><i class="icon icon-play"></i> New Delta Sky Club Opens at LaGuardia’s Terminal C</a></li> 
      <li class="divider"></li> 
         <li><a href="/news/love-is-in-the-air"><i class="icon icon-play"></i> Love is in the Air</a></li> 
      <li class="divider"></li> 

     </ul> 
    </div>

如果你檢查THIS FIDDLE，你」當文本長度超過一行時，會發現它看起來不漂亮...我如何對齊文本（兩行）？我加入

來源

2013-03-25 DS_web_developer

嘗試在錨上使用負面文字縮進。

ul.nav li a { 
    text-indent: -20px; 
    padding-left: 35px; 
}

看到結果這裏：http://jsfiddle.net/GdaPN/2/

來源

2013-03-27 01:43:40

有預謀的圖標文本自舉導航列表排列

回答

相關問題