Gmail's DOCTYPE can create extra space under images

Similar to #7, this space is also caused by the DOCTYPE. Here are a few workarounds (these work in Hotmail and Yahoo! Beta as well):

1.) Add style display:block to the image element

<img src=“test.jpg” style=“display:block”>

2.) Add align abs bottom in the image element

<img src=“test.jpg” align=“absbottom”>

3.) Add align text top to the image element

<img src=“test.jpg” align=” texttop ”>

4.) Add line-height 10px or lower in the containing TD

<td style=“line-height:10px”>

5.) Add font-size 6px or lower in the containing TD

<td style=“font-size:6px”>

Author

Rogerio da Silva
Rogerio da Silva is a Brazilian who lives in the UK for a little over two decades. He is the owner of a test consulting and outsources services for software development. He likes to blog, write and create content that teaches others how to live a better life. He loves reading biographies of successful authors and dream builders because they inspire him to keep creating!
You can contact Rogerio for anything related to Business & Test Analyst | Microsoft Dynamics 365 CRM | QA | Agile | Manual | Integration & Automation | DevOps | API | Cloud | AI | IoT | CRM | Website Consulting | Email Consulting | Facebook Ads | Social Media Marketing Plan | Sales Funnel | Looking for Scalable Services? InShore, OffShore or Hybrid. Interested? Ask me how we can help.
View all posts