Outlook 2007 issues with <span style="line-height: 25px">

Has anyone had any issues with Outlook 2007 not recognizing <span style="line-height: 25px"> ?

Looks great in preview and in other email clients but when I send a test to an Outlook 2007 email account, it does not recognize line-height: and minimizes any spaces so the email looks horrible.

If you did face this issues in the past, were you able to find a work around and if so what was it?

Thanks in advance.

roshodgekiss roshodgekiss, 5 years ago

Hi canderm, welcome to the forums! I've experienced issues with Outlook '07 and line-height in the past and have to say now, it can be a pretty tricky one to work around.

If possible, avoid using large values for line-height - if you can use margins/padding to create space around headings, then I'd recommend using that instead. Alternately, experiment with using em instead of px - I tend to use the former for adjusting line height on para text, but that may be more personal preference. Either way, let us know how you go :)

Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
canderm, 5 years ago

hey roshodgekiss. the way i resolved the issue and discovered a work around was to <div> the section of text and assign the line-height values within the <div>

yes more work but it looks great in Outlook 2007 as well as other email clients since the "line-height:25px"values are now supported. The only problem I found is with gmail which for some reason centers the text even though I declared the div to be left aligned so I need to now work around that issue but a sample of the code that I used was

<div align="left" style="line-height:25px">&bull; <a href="my link"><font size="2" face="arial" color="002e62">product name</font></a></div>

What do you think of the outlook 2007 work around and have you run into issues such as gmail centering the text as well as any work around for that issue?

canderm, 5 years ago

In regards to Google email centering the text, I also tried the following but Gmail still centers text. If you know of any work around, I would love it.   

<td width="334" align="left" valign="top"><font size="4" face="arial"><div style="text-align: left; line-height:35px"><strong>product name:</strong></div></font></td>

Thanks again.

roshodgekiss roshodgekiss, 5 years ago

Hi canderm, thanks for posting your workaround here - great effort! We'll have to keep this in mind for the future.

In regards to centering text, I've found that the usual cause is the use of <center> tags, or align="center" applied to surrounding tables/cells. A similar issue and fix can be found on the Doctype forums. Best of luck!

Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free