如何正确缩进无序列表？margin-left不起作用!

Question

嗨,我正在创建一个电子邮件,但我不知道如何调整子弹上的自动缩进.我确定这是一个简单的修复.保证金左边似乎不起作用!

感谢您的帮助,关心Judi

       .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

少即是多:

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

Answer 2

你需要应用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;
}

希望这可以帮助.