foolproof editable button that also renders correctly in Outlook

Christine_LeBla
Level 4

foolproof editable button that also renders correctly in Outlook

I understand for Outlook rendering engine I must have fixed dimensions. I have tried code like this to no avail, and still there is no padding appearance as such, and the table hugs the text far too closely.

Is there anything more I can do to have a reliable looking, editable button like this in a Marketo email?


<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="margin:0;" align="left">
<tr>
<td>
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:w="urn:schemas-microsoft-com:office:word"
href="https://www.example.com"
style="height:50px;v-text-anchor:middle;width:275px;"
arcsize="8%" stroke="f" fillcolor="#002f87">
<w:anchorlock/>
<center style="color:#ffffff;font-family:Arial, sans-serif;
font-size:16px;font-weight:bold;">
Call To Action Text
</center>
</v:roundrect>
<![endif]-->
<!--[if !mso]><!-- -->
<a href="https://www.example.com"
style="display:inline-block;background-color:#002f87;color:#ffffff;
font-family:Arial, sans-serif;font-size:16px;font-weight:bold;
line-height:50px;text-align:center;text-decoration:none;
width:275px;height:50px;border-radius:4px;">
Call To Action Text
</a>
<!--<![endif]-->
</td>
</tr>
</table>