White Lines in Outlook

From Email On Acid’s June 29, 2023 article, Outlook HTML Emails: How to Fix 11 Common Rendering Issues: https://www.emailonacid.com/blog/article/email-development/how-to-code-emails-for-outlook-2016/

1. Change up your font sizes and heights.

   For some folks, the fix is as simple as changing font sizes from odd numbers to even numbers. For example, if you have a font size of 13px or 15px, try converting it to 14px.

   You can also try manually changing heights, font sizes and line-heights to achieve the same outcome.

2. Add a ghost break.

   Often adding a ghost break will temporarily fix the rogue white lines in Outlook. Similar to ghost columns, a ghost break is a line break that we add targeted only towards Outlook.

   
   <!--[if true]><br> <![endif]-->
   
   

3. Match the background color.

   If you just need a very quick fix and your design allows for it, you can match the background color on your problem section to the containing section/table.

4. Add some Microsoft specific code

   If you’ve exhausted your other options you can try this code snippet directly in your code’s head section. Here we’re targeting Outlook and collapsing table borders.

   
   <!--[if (gte mso 9)|(IE)]>
   
    <style type="text/css">
   
    table {
   
    border-collapse: collapse;
   
    border-spacing: 0;
   
    mso-table-lspace: 0pt !important;
   
    mso-table-rspace: 0pt !important; }
   
    </style>
   
    <![endif]-->