6x 轉換爲css？

Question

只想問一下我該如何轉換我的6x nbsp;到CSS

我有這個下面的代碼：

<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e" data-count-theme="a"> 
     <li> 
      <img src="/css/images/yahoo-mail.png" alt="yahoo-mail" class="ui-li-icon"/> 
      <a href="./about">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Yahoo!</a><span class="ui-li-count">3</span> 
     </li> 
</ul> 

Answer 1

刪除所有 和使用填充：

a{padding-left:20px} 

Answer 2

這樣做：

<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e" data-count-theme="a"> 
     <li> 
      <img src="/css/images/yahoo-mail.png" alt="yahoo-mail" class="ui-li-icon"/> 
      <a href="./about"><span class="link-text">Yahoo!</span></a><span class="ui-li-count">3</span> 
     </li> 
</ul> 

CSS：

.link-text:before { 
    content: '  '; /* 6 spaces */ 
} 

Answer 3

在標籤中給出span標籤。

<a href="./about"><span></span>Yahoo!</a> 

然後給填充跨度。

Answer 4

有很多方法可以做到這一點。我保證金可能添加到圖標圖像：

.ul-li-icon { 
    margin-right: 20px 
}