fr_end
@fr_end
Frontend разработчик

Как убрать отступы слева в списках при верстке html писем под gmail?

Верстаю html шаблон письма, почему-то в gmail в списках UL отступы не убираются таким способом, как padding-left:0px. Задавать отрицательные значения не помогает, такая проблема только в gmail.

Например, при таком коде результат следующий:

Пример текста 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>

9fdfb5543e84429ca7ce59ecbfecb28b.PNG
  • Вопрос задан
  • 3212 просмотров
Решения вопроса 1
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)
Рекомендую заменить на таблицу.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
dudeonthehorse
@dudeonthehorse
Email Developer
Таблица - говно вариант. Слишком громоздко. Лучше так:
<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>
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы