Skip to content Skip to sidebar Skip to footer
Home / Css / Html Email / Outlook

Text In Outlook Doesn't Use Line-height

Post a Comment
I'm creating a Email with Html and I stumbled upon an issue with Outlook 2010. Here is my code: > <!--[if gte mso 9]> <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:514px;height:460px;"> <v:fill type="tile" src="images/11-text-1--alpha-d3c29e.jpg" color="d3c29e" /> <v:textbox inset="0,0,0,0"> <![endif]--> #TEXT <!--[if gte mso 9]> </v:textbox> </v:rect> <![endif]--> </td>

Solution 2:

First of all, styling "p" tag is out of date, and some mail clients reject that (such as Outlook). I've encountered such problmems previously.

What I do recommend is that you should mainly style "td" tags. If you have other texts in this particular section insert "span" tag, and then some styling to it (but try to not override things you've styled in "td" tag.

Down below you have an example:

<td style="background-color: #2e3242;color:#ffffff; padding: 10px 0;
border-radius: 5px; font-size:15px; font-family: 'Trebuchet MS', sans-serif;
 line-height: 20px; text-align: center;width:28%; vertical-align: middle">
                                    Lorem Ipsum</td>

And here with a span

<td width="548" style="color:#a8796b; font-size:14px; font-family: 'Trebuchet MS', 
sans-serif; line-height: 18px; text-align: center; 
width:548px; vertical-align: middle">
<span style="font-family: 'Trebuchet MS', sans-serif; font-weight: 300;
font-size: 16px;line-height: 30px;color:#a8796b">
Lorem Ipsum </span><br>
                                    Best Regards,<br>Lorem Ipsum
                                </td>

Post a Comment for "Text In Outlook Doesn't Use Line-height"