如何正確縮進無序列表？保證金不予付款！

Question

嗨我正在創建一個電子郵件，但我不知道如何調整項目符號上的自動縮進。我相信這是一個簡單的解決方法。保證金餘額似乎不起作用！

感謝您的幫助 問候 朱迪

 .bullets{ 
     width:255px; 
     color:white; 
     font-size:11px; 
     margin-right: 2em; 
     list-style: none; 
     line-height:15px; 
     list-style: none; 
     margin-left: 0; 
     padding-left: 1em; 
     display:inline; 
    } 

    <table class="bullets" border="0"> 
       <tr> 
        <td><ul> 
        <li> Select products 
</li> 
        </ul></td> 
       </tr> 
       <tr> 
        <td> 
        <ul> 
         <li> Incorporate </li> 
        </ul></td> 
       </tr> 
       <tr> 
        <td><ul> 
        <li> on site</li> 
        </ul></td> 
       </tr> 
       </table></td> 

Answer 1

您需要將margin-left: 0;應用於li本身。

.bullets li { 
margin-left: 0; 
padding-left: 0; 
} 

你可能會發現你還需要將它應用到ul以及。

.bullets ul, .bullets li { 
margin-left: 0; 
padding-left: 0; 
} 

檢查也是該table和td沒有應用任何填充或保證金。

.bullets, .bullets td, .bullets ul, .bullets li { 
margin-left: 0; 
padding-left: 0; 
} 

希望這會有所幫助。

Answer 2

少即是多：

<ul> 
    <li>Abc</li> 
    <li>Def 
     <ul> 
      <li>Ghi</li> 
      <li>Jkl</li> 
     </ul> 
    </li> 
    <li>Mno</li> 
</ul> 

Answer 3

.bullets{ 
    width:255px; 
    color:white; 
    font-size:11px; 
    margin-right: 2em; 
    list-style: none; 
    line-height:15px; 
    list-style: none; 
    margin-left: 0; 
    padding-left: 1em; 
    display:inline; 
} 

<table class="bullets" border="0"> 
    <tr> 
    <td> 
    <ul> 
     <li> Select products</li> 
     <li> Incorporate </li> 
     <li> on site</li> 
    </ul> 
    </td> 
    </tr> 
</table> 

Answer 4

子彈縮進應該由保證金左控制。