JP0
How to remove margin/padding from <ul> in Outlook 365 Windows 10?
I have a UL that I've stripped ALL padding and margin from with inline-css on both the LI's, UL, and containing TD.. I'm simply looking for a way to control the white space around this UL in Outlook 365 Win10 specifically, but it doesn't seem to respect any of the inline styles, nor this:
<!--[if gte mso 9]>
<style>
ul, li {
margin: 0;
padding: 0;
}
li {
text-indent: -1em; /* Normalise space between bullets and text */
}
</style>
<![endif]-->
Does anyone know of a way to target this client specifically for this purpose?
Hey Joshuel,
Any chance you can post the full UL block so we can see the inline styles vs. the styles in the head. No problem if it has dummy content in there, but if you can keep all of the styling in, that would be really helpful to test out a few things.
Hi Joshuel,
Using capital M for margin works good for me, like this:
I created a working demo here:
https://litmus.com/builder/38a93ec
I made the ul background ccc so you can see the style is targeting correctly.
Thanks,
Lee.
Hi Lee,
Looks like some things were changed in the last few patches of outlook 365. It's completely ignoring any type of margins on ul :/
You can't see those issues on litmus rendering maybe because it's running older version of 365.
Hi Robin,
Ok I see. Do you know how often Litmus update their system to render latest versions throughout?
Would be good to find out that information.
Seems strange Outlook 365 would remove the ul margins, and perhaps it's all margins.
Thanks,
Lee.
Hey Joshuel,
have you find any solution for this
I came here to ask the same thing. This change in Outlook 365 is preventing me from using unordered lists in my emails. I found that resetting all margins and paddings will just hide the bullet on other versions of Outlook for Windows. Not ideal.