html - Mailchimp 代码使两个按钮彼此相邻

Question

我不是最擅长代码的人，所以很乐意帮忙。在做了一些研究之后，我使用他们的代码选项在 Mailchimp 上创建了两个彼此相邻的按钮。然而，这些按钮看起来是连在一起的，我无法在它们之间留出空间。

很想知道您可能有的任何解决方案

这是我的自动取款机代码:

<table border="0" cellpadding="0" cellspacing="10%" style="background-color:#009688;" width="100%">
  <tbody>
    <tr>
      <td align="left" style="color:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; letter-spacing:-.5px; line-height:150%; padding-top:15px; padding-right:30px; padding-bottom:15px; padding-left:30px;" valign="middle"><a href="mailto:corporatesales@brother.com.au" style="color:#FFFFFF; text-decoration:none;" target="_blank">Ask us how</a></td>
      <td align="right" style="color:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; letter-spacing:-.5px; line-height:150%; padding-top:15px; padding-right:30px; padding-bottom:15px; padding-left:30px;" valign="middle"><a href="http://corpsolutions.brother.com.au/" style="color:#FFFFFF; text-decoration:none;" target="_blank">Find out more</a></td>
    </tr>
  </tbody>
</table>

Answer 1

您的按钮之间似乎没有空格，因为背景颜色已应用于表格。将此样式移动到单个单元格，或者更好的是移动到链接本身。

<table border="0" cellpadding="0" cellspacing="10%" width="100%">
<tbody>
    <tr>
        <td align="left" valign="middle">
            <a style="background-color:#009688; color:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; letter-spacing:-.5px; line-height:150%; padding-top:15px; padding-right:30px; padding-bottom:15px; padding-left:30px; text-decoration: none;" href="mailto:corporatesales@brother.com.au" target="_blank">Ask us how
            </a>
        </td>
        <td align="right" valign="middle">
            <a style="background-color:#009688; color:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; letter-spacing:-.5px; line-height:150%; padding-top:15px; padding-right:30px; padding-bottom:15px; padding-left:30px; text-decoration: none;" href="http://corpsolutions.brother.com.au/" target="_blank">Find out more
            </a>
        </td>
    </tr>
</tbody>
</table>