How do I prevent this link leaking for my email?
<p>I'm sending an email through Swift Mailer for an activation email. The user must click a button to activate their account, but the link boundaries are extending beyond the button. How do I fix this problem without inserting the <code>a tags</code> inside the main element? Then, the text would be clickable, but not the parent div. </p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table width='100%' border='0' cellspacing='0' cellpadding='0'&gt;
    &lt;tr&gt;
        &lt;td align='center'&gt;
            &lt;div style='border: 1px solid #CCC;width:538px;font-family:Helvetica; padding: 30px'&gt;
              &lt;span style='font-size: 30px;text-align: center;color: #606060;font-weight: bold;'&gt; Just one more step... &lt;/span&gt;
                &lt;br&gt; &lt;br&gt; &lt;br&gt;
               
&lt;a href='#' style='text-decoration: none'&gt; &lt;div style='color: white; padding: 20px 50px 20px 50px; background: #69B8D6; border: 1px solid #69B8D6;text-align: center;width: 156px;font-size: 18px;font-weight: bold;border-radius:3px;'&gt; Activate Account &lt;/div&gt; &lt;/a&gt; &lt;/div&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;</code></pre>
</div>
</div>
</p>