Extravision Blogsblog

Recent Posts

Categories

Posts

Line height issues in Outlook

March 1, 2017

Line height is not always consistent when viewing emails in Outlook. This is especially true when you are using bigger font sizes just like this example...

businessfairs

Outlook has obviously been upgraded since 2003 but this has not necessarily helped the cause for building bullet proof HTML emails without the extra hassle *sigh*.

But not to worry, to override the issue is simple.

Add mso-line-height-rule:exactly; before the line-height in all inline styles.

So something like:

<table width="600" border="0" cellpadding="0" cellspacing="0" class="full_width" style="width:600px;">
  <tr>
    <td width="600" valign="top" align="left" style="font-family:Calibri, Arial, Helvetica, sans-serif; font-size:40px; color:#FFFFFF; mso-line-height-rule:exactly; line-height:36px;">
    Bla Bla Bla
    </td>
  </tr>
</table>

We are always looking at ways to improve and tackle issues that arise, so we can keep building perfect, bullet proof HTML emails. Hopefully Microsoft’s news that they are to partner with Litmus should lead to improvements in this area. Keep an eye out on our blogs for more top tips.

Posted by Andrew Chau
Email Design, General, Tip of the month


No comments

Comments are closed.

From the Blog

How to craft the perfect re-engagement email: Topshop example

In an ideal world, everyone on your list would be eagerly awaiting your email. They…

Jenni Malley
June 1, 2017

How To Get Your Perfect Email Template

If you send email campaigns then you probably use a template. Not every email campaign…

Jenni Malley
May 12, 2017

Latest Tweets

Get in touch

Extravision
Tomorrow
MediaCity UK
M50 2AB
Find us on Google maps

Main: +44 (0) 161 817 2929
Support: +44 (0) 161 817 2930
Email: [email protected]

Social

Facebook IconTwitter IconVisit Our BlogVisit Our BlogVisit Our Blog