css - Font-size not applied to <h2> element in Outlook 2010 -
i have font-size: 14px !important
applied both h2
, a
elements in following markup: <h2><a href="#">content</a></h2>
. heading appears gigantic (like default h2
heading) in outlook 2010. font-size
rule isn't applied. why?
here's more complete portion of code:
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> <tr style="padding:0;text-align:left;vertical-align:top"> <th style="margin:0;color:#686868;font-family:helvetica,arial,sans-serif;font-size:11px;font-weight:400;line-height:1.2;margin:0;padding:0;padding-bottom:0!important;text-align:left"> <h2 class="small-text-center" style="margin:0;margin-bottom:10px;color:#063972!important;font-family:times new roman,georgia,sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1.2;margin:0;margin-bottom:0!important;padding:0;text-align:left;word-wrap:normal"><a href="http://www.lefigaro.fr" class="supplement_titre" style="margin:0;color:#063972!important;font-family:times new roman,georgia,sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1.2;margin:0;padding:0;text-align:left;text-decoration:none">l'opposition projet de loi el khomri ne faiblit pas</a></h2> </th> </tr> </table>
if possible, remove <h2>
, use <a href>
itself, putting inline styles in anchor tag. negate default styling outlook (and other email client) put on default tags such <h1>
, <h2>
, <p>
, etc.
Comments
Post a Comment