Как правильно сделать отступ для неупорядоченного списка? margin-left не сработает! - PullRequest
Новая
       12

Как правильно сделать отступ для неупорядоченного списка? margin-left не сработает!

2 голосов
/ 17 декабря 2009

Привет! Я создаю электронное письмо, но я не уверен, как настроить автоматический отступ для маркеров. Я уверен, что есть простое решение. Слева не работает!

Спасибо за вашу помощь С уважением Джуди 

       .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>

Ответы [ 4 ]

8 голосов
/ 17 декабря 2009

Меньше значит больше: 

<ul>
    <li>Abc</li>
    <li>Def
       <ul>
           <li>Ghi</li>
           <li>Jkl</li>
       </ul>
    </li>
    <li>Mno</li>
</ul>
5 голосов
/ 17 декабря 2009

Вам необходимо применить 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;
}

Надеюсь, это поможет.

3 голосов
/ 17 декабря 2009 
  .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>
1 голос
/ 17 декабря 2009

Отступ маркера должен контролироваться с помощью поля слева.

...