Hello,
I'm trying to put in a button alignment option in an email template but I'm having issues on Outlook. In my EOA tests, the button seems to align fine when I select left or center, but if I select right, it works on Outlook 2003, 2011, and 2016, but all other versions it's on the left. What am I missing here?
<head>
<meta mktomodulescope="true" class="mktoList" id="CTA-align" mktoname="CTA Align" values="left,center,right" default="left" />
</head>
<body>
<table class="mktoModule" id="banner-1" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" mktoname="Banner">
<tbody>
<tr>
<td style="border-collapse:collapse;background-color:${grey-BGColor}; background-size: cover;background-repeat:no-repeat;background-position: center;" background="${SectionBgimg}" bgcolor="${grey-BGColor}">
<!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:636px;height:${bannerheight}px;">
<v:fill type="frame" src="${SectionBgimg}" color="${grey-BGColor}"/>
<v:textbox inset="0,0,0,0">
<![endif]-->
<table width="588" cellpadding="0" cellspacing="0" style="border-spacing: 0; margin:0 auto;width:588px;" border="0" align="center" class="deviceWidth1">
<tbody>
<tr>
<td class="extra-space" style="font-size: 1px;line-height: 1px;" height="${bnr-top-space}"> </td>
</tr>
<tr>
<td valign="top" style="vertical-align:top;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
<td class="block" valign="top" style="vertical-align:top;">
<table width="" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
<td width="560" class="block" valign="top" style="vertical-align:top;text-align:left;color:#0A1F44; font-size: 40px;font-weight:bold;line-height:38px;font-family: HCo Gotham SSm,Gotham SSm A,Gotham SSm B,Gotham,Helvetica,Arial, sans-serif;">
<div class="mktoText" id="headline1dd1s" mktoname="Headline Text">
<div>
Headline one:
<br /> Helvetica,
40+/1.0x
4 lines max
</div>
</div> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td class="extra-space" style="font-size: 1px;line-height: 1px;" height="20"> </td>
</tr>
<tr>
<td class="block" valign="top" style="vertical-align:top;">
<table width="" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
<td width="560" class="block" valign="top" style="vertical-align:top;text-align:left;color:#0A1F44; font-size: 14px;font-weight:bold;line-height:17px;font-family: HCo Gotham SSm,Gotham SSm A,Gotham SSm B,Gotham,Helvetica,Arial, sans-serif;">
<div class="mktoText" id="paragraphtext1s" mktoname="Paragraph Text">
<div>
Ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor. <br />Ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor. <br />Ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor.
</div>
</div> </td>
</tr>
<tr>
<td style="font-size: 1px;line-height: 1px;" height="20"> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td valign="top" style="vertical-align:top;">
<table align="${CTA-align}" cellpadding="0" cellspacing="0" border="0" style="margin:0 auto;">
<tbody>
<tr>
<td align="${CTA-align}" style="text-align:${CTA-align}; margin: 0 auto;">
<div class="mktoText" id="ctad14dd" mktoname="CTA">
<table class="" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; margin: 0 auto;" cellspacing="0" cellpadding="0" align="${CTA-align}">
<tbody>
<tr>
<td bgcolor="${CTA-bg}" style="text-decoration: none; color: ${CTA-color1};border: 1px solid ${CTA-bordercolor}; outline: none;background-color:${CTA-bg}; font-family: HCo Gotham SSm,Gotham SSm A,Gotham SSm B,Gotham,Helvetica,Arial,sans-serif; font-size: 14px; mso-line-height-rule: exactly; text-align: center; vertical-align: top; line-height:14px; padding:9px 37px; text-transform:normal; font-weight:bold; display:block; border-radius:20px;" valign="middle"><a style="outline: 0; text-decoration: none; color:${CTA-color1};" href="${CTA-url}">${CTA-text}</a> </td>
</tr>
</tbody>
</table>
</div> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td class="extra-space" style="font-size: 1px;line-height: 1px;" height="${bnr-bottom-space}"> </td>
</tr>
</tbody>
</table>
<!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]--> </td>
</tr>
</tbody>
</table>
<body>
Thank you!
.png)