Fix horizontal line in emails for Outlook 2016

After going slightly insane and trying to style every element but still not be able to get the horizontal line in Outlook 2016 away. After googling and not finding a solution just other people with the same issue.

I started to remember that adding in a blank space can solve the issue in some dodgy clients and in this case it did!

If you are adding in a button into a template and see horizontal line at the bottom, try to add in a

 

just before the table cell ends.

Example:

<table>
<tr>
<td>
<div><!--[if mso]>
  <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:40px;v-text-anchor:middle;width:200px;" arcsize="10%" strokecolor="#1e3650" fillcolor="#556270">
    <w:anchorlock/>
    <center style="color:#ffffff;font-family:sans-serif;font-size:13px;font-weight:bold;">Show me the button!</center>
  </v:roundrect>
<![endif]--><a href="http://"
style="background-color:#556270;border:1px solid #1e3650;border-radius:4px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;mso-hide:all;">Show me the button!</a></div>&nbsp;
</td>
</tr>
</table>

Add your comment