Skip to content

Instantly share code, notes, and snippets.

@longjasonm
Created April 15, 2016 18:29
Show Gist options
  • Save longjasonm/51f5dbaf88915ce4f9aca41d5a27fe15 to your computer and use it in GitHub Desktop.
Save longjasonm/51f5dbaf88915ce4f9aca41d5a27fe15 to your computer and use it in GitHub Desktop.
<!-- Button : Begin -->
<table cellspacing="0" cellpadding="0" border="0" class="center-on-narrow" style="float:left;">
<tr>
<td style="border-radius: 3px; background: #222222; text-align: center;" class="button-td">
<a href="http://www.google.com" style="background: #222222; border: 15px solid #222222; padding: 0 10px;color: #ffffff; font-family: sans-serif; font-size: 13px; line-height: 1.1; text-align: center; text-decoration: none; display: block; border-radius: 3px; font-weight: bold;" class="button-a">
<!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--><span style="color:#ffffff">A Button</span><!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
</a>
</td>
</tr>
</table>
<!-- Button : END -->
@longjasonm
Copy link
Author

Before and after: http://cl.ly/fi6Q

@longjasonm
Copy link
Author

The only change is adding a <span> around the text of the button with the desired color (taken from the <a> tag).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment