How to left align ul in edm?

271 Views Asked by Naveen At 24 April 2015 at 06:22

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.

Original Q&A

There are 3 best solutions below

Akhila Prakash On 24 April 2015 at 06:29

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

Kurenai Kunai On 24 April 2015 at 06:38

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;
}

0m3r On 24 April 2015 at 07:10

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

How to left align ul in edm?

There are 3 best solutions below

Related Questions in HTML

Related Questions in CSS

Related Questions in ELECTRONIC-DIRECT-MAIL

Trending Questions

Popular # Hahtags

Popular Questions