title: Style line height for HTML emails in Outlook Web App
body: <p>I have been working on a HTML email and have tried everything to get the <code>line-height</code> to display properly in Microsoft Outlook Web App. I've tried <code>!important</code> on my inline styles, using <code>.ExternalClass * {line-height: 100%}</code> in the document head, wrapping text in a span with an <code>inline line-height</code> style, having <code>line-height</code> on the parent <code>td</code> and also a <code>span</code>.</p>
  
  <p>If anyone can help it be much appreciated!</p>
  
  <p>Below is an example of an area of my current text in a td. </p>
  
  <pre><code>&lt;td pardot-region="articleContent1a" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-family: sans-serif; font-size: 14px; line-height: 25px; text-align: left; color: #7f7f7f;" valign="top"&gt;
    Yesterday, Krissy posted about six things you should consider when performing a high-level user experience (UX) audit of a website. While UX is a crucial component of measuring a website’s success, it’s only part of the equation.&lt;/td&gt;
  </code></pre>
  
  <p>I've also tried adding to the td mso-line-height-rule: exactly.</p>