tags:

views:

116

answers:

4

Hi I'm creating an email but I'm not sure how to adjust the automated indent on the bullets. I'm sure theres a simple fix. Margin-left doesn't seem to work!

Thanks for your help Regards 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>
+6  A: 

Less is more:

<ul>
    <li>Abc</li>
    <li>Def
       <ul>
           <li>Ghi</li>
           <li>Jkl</li>
       </ul>
    </li>
    <li>Mno</li>
</ul>
graphicdivine
Thats not an answer!
judi
You would be better to follow this example if you can as it is simpler and easier to manage.
Sevenupcan
+2  A: 
  .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>
Sarfraz
A: 

The Bullet indent should be controlled by margin-left.

DanDan
Yes it should but it isn't?
judi
Thanks ah I see Margin-left -3em
judi
A: 

You need to apply the margin-left: 0; to the li itself.

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

You might find you also need to apply it to the ul aswell.

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

Check also that that table and td do not have any padding or margin applied to them.

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

Hope this helps.

Sevenupcan