How to left align ul in edm?

Question

HTML

<ul style="padding-left:0;">
     <li>A journey in to  the digital</li>
     <li>Global thought leaders</li>
</ul>

HTML browser support this ul padding-left. So there is no issue in browser. But in Gmail that padding-left style not working. How to fix that issue.

For EDM, it is suggested that to use `table` to create something like `ul` or `ol` — R Lam, Apr 24 '15 at 06:24
Please explain a bit more what is happening and what you want to happen... — 1'', Apr 24 '15 at 06:25
`ul` `li` listing with tables :- https://www.emailonacid.com/forum/viewthread/122/#847 — Vitorino fernandes, Apr 24 '15 at 06:52

score 0 · Answer 1 · answered Apr 24 '15 at 06:29

0

try Float:left or give margin-right: % or padding-right: %;

answered Apr 24 '15 at 06:29

Akhila Prakash

481
4
17

score 0 · Answer 2 · answered Apr 24 '15 at 06:38

0

Wrap each bullet in a table-cell using a pseudo element.

ul{
  display: table;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

li{
  display: table-row;
}

answered Apr 24 '15 at 06:38

Kurenai Kunai

1,842
2
12
22

score 0 · Answer 3 · answered Apr 24 '15 at 07:10

0

<head>
<style type="text/css">
ul.c1 {padding-left:0;}
</style>
</head>
<body>
<ul class="c1">
<li>A journey in to the digital</li>
<li>Global thought leaders</li>
</ul>
</body>

answered Apr 24 '15 at 07:10

0m3r

12,286
15
35
71

How to left align ul in edm?

3 Answers3