I need to make 2 buttons side by side and style them. Since it is mailchimp and I’m sending it to Mandrill I need to make sure it is not CSS so that we can continue to update the template in mailchimp and send to mandrill without the css being overwritten.
Here is code:
<div class="row">
<div class="column">
<table border="0" cellpadding="10" cellspacing="10" class="mcnButtonBlock" style="min-width:100%;" width="100%">
<tbody class="mcnButtonBlockOuter">
<tr>
<td align="left" class="mcnButtonBlockInner" style="padding-top:10; padding-right:18px; padding-bottom:18px; padding-left:18px;" valign="top">
<table border="0" cellpadding="0" cellspacing="0" class="mcnButtonContentContainer" style="border-collapse: separate !important;border-radius: 50px;background-color: #40C0CB; width:130px">
<tbody>
<tr>
<td align="center" class="mcnButtonContent" style="font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; padding: 10px;" valign="middle"><a class="mcnButton " href="http://www.google.com" style="font-weight: normal;letter-spacing: normal;line-height: 100%;text-align: center;text-decoration: none;color: #FFFFFF;" target="_blank" title="Verify">Verify</a></td>
</tbody>
</table>
</td>
<td align="left" class="mcnButtonBlockInner" style="padding-top:10; padding-right:18px; padding-bottom:18px; padding-left:18px;" valign="top">
<table border="0" cellpadding="0" cellspacing="0" class="mcnButtonContentContainer" style="border-collapse: separate !important;border-radius: 50px;background-color: #ebedef; width:130px">
<tr>
<td align="center" class="mcnButtonContent" style="font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; padding: 10px;" valign="middle"><a class="mcnButton " href="http://www.yahoo.com" style="font-weight: normal;letter-spacing: normal;line-height: 100%;text-align: center;text-decoration: none;color: #697989;" target="_blank" title="Update Firmware">Report</a></td>
</tbody>
</table>
</td>
</div>
<table border="0" cellpadding="0" cellspacing="0" style="width:60px"">
<tbody>
<td align="left" style="font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: Medium; padding: 10px;" valign="middle">Unsure why you received this email?</td>
</tr>
</tbody>
</table>
Blockquote
And here is how it should look:
Appreciate any help or ideas…