How to remove indents on the left in the lists when laying out html letters for gmail?

L

Lenar Fattakhov2014-09-17 16:38:35

gmail

Lenar Fattakhov, 2014-09-17 16:38:35

I'm laying out an html letter template, for some reason in gmail in the UL lists the indents are not removed in such a way as padding-left: 0px. Setting negative values does not help, this problem is only in gmail.
For example, with this code, the result is the following:

Пример текста 1
<ul style="margin-left: 0px; padding-left: 0px; margin-top: 0px; list-style:none;">
  <li style="list-style-type: none; padding:0px; padding-bottom: 5px;"><a style=" text-decoration: underline;" href='' target="_blank">INSID - Исправить двойное отоб...</a></li>
  <li style="list-style-type: none; padding:0px; padding-bottom: 5px;"><a style=" text-decoration: underline;" href='' target="_blank">INSID - Сделать макет почтовой ...</a></li>
</ul>

Reply

Answer the question

In order to leave comments, you need to log in

2 answer(s)

V

Vitaly Kirenkov, 2014-09-17
@fr_end

I recommend replacing it with a table.

A

Arthur Koch, 2015-06-30
@dudeonthehorse

Table - shit option. Too cumbersome. Better this way:

<p style="font-family:arial; font-size:13px; color:#000000; line-height:1.4em;">
     <span style="color:#ff0000;">&bull; </span> Да-да, все верно
</p>
<p style="font-family:arial; font-size:13px; color:#000000; line-height:1.4em;">
    <span style="color:#ff0000;">&bull; </span> Это маркированный список
</p>
<p style="font-family:arial; font-size:13px; color:#000000; line-height:1.4em;">
    <span style="color:#ff0000;">&bull; </span> И лучше всего его делать именно таким образом
</p>