Email markup examples

Button.html

<!-- Universal Button (also for Outlook on Windows) with round corners, dynamic width and fixed paddings -->
<!--[if mso]>
<v:roundrect
  xmlns:v="urn:schemas-microsoft-com:vml"
  xmlns:w="urn:schemas-microsoft-com:office:word"
  href="{{ link }}"
  style="
    height: 44px;
    v-text-anchor: middle;
    mso-wrap-style: none;
  "
  arcsize="9%"
  strokeweight="2px"
  strokecolor="#E2E5EB"
  fillcolor="#FFFFFF"
>
  <w:anchorlock/>
  <v:textbox style="mso-wrap-style: none;" inset="0, 0, 0, 0">
    <p style="
      font-size: 14px;
      font-weight: bold;
      font-family: Arial, sans-serif;
      mso-wrap-style: none;
      margin-left: 22px;
      margin-right: 22px;
      margin-top: 0;
      margin-bottom: 0;
      color: #001424;
    ">Press me</p>
  </v:textbox>
</v:roundrect>
<![endif]-->
<!--[if !mso]><!-->
<table style="border-collapse: collapse; border-spacing: 0; box-sizing: border-box; margin: 0; padding: 0;" border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td height="44" align="center" style="-webkit-text-size-adjust: none; color: #001424; font-family: Arial, sans-serif; font-size: 14px; letter-spacing: 0; line-height: 24px; margin: 0; padding: 0;"><a href="http://google.com" target="_blank" style="-webkit-text-size-adjust: none; background-color: #FFFFFF; border-color: #e2e5eb; border-radius: 4px; border-style: solid; border-width: 2px; box-sizing: border-box; color: #001424; display: block; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 0; line-height: 40px; margin: 0; padding: 0; padding-left: 24px; padding-right: 24px; text-decoration: none; white-space: nowrap;">Press me</a>
      </td>
    </tr>
  </tbody>
</table>
<!--<![endif]-->