Email client support negative margin value?
Hotmail and Outlook.com no longer support the following CSS properties:
margin
margin-top
margin-right
margin-bottom
margin-left
Here is the statement given by Litmus ..
Although the question was asked a while ago I decided to give an update since there was not complete answer and the question might still occur.
Edit:
I couldn't resist but test position relative and margin-top with a negative value it in a few mail clients...
- Thunderbird 60: Supports both ✓
- Gmail.com (in Firefox): Supports neither
- Outlook.live.com (in Firefox): Supports neither
- Roundcube 1.2.0 (in Firefox): Supports both ✓
- K9 5.600 (in Android): Supports both (but positioning is very though) ✓
I have not tested most e-mail clients since this is enough data for me not to use it at the moment (2020-03).
Original:
The position property would support a solution as stated in the question. Read more about it here https://developer.mozilla.org/en-US/docs/Web/CSS/position
I haven't tested it but according to https://templates.mailchimp.com/resources/email-client-css-support/ Outlook, Apple mail, Windows Live mail, iOS 6, Android 4.2, Android 2.3 support properties position and top.
Gmail, Yahoo!, Gmail app, Outlook 2007 - 2013 and DO NOT support the position property.
Only Outlook.com in the list can not use margin. I'm sorry that I can't confirm if negative margins can be used.