title: Wouldn't work to overlay two images in Mail HTML
body: <p>I'm trying to put two images on top of each other in the HTML of an email, but it fails. It displays fine in normal HTML, but when it comes to the email layout, it collapses.</p>
  <p><strong>code</strong></p>
  <pre><code>&lt;td className=&quot;icon&quot;&gt;
     &lt;img class=&quot;block&quot; src='./img/b.png' /&gt;
     &lt;img src='./img/a.png' /&gt;
  &lt;/td&gt;
  
  &lt;style&gt;
  .block {
    margin-bottom: -15px;
    margin-left: -40px;
  }
  &lt;/style&gt;     
  </code></pre>
  <p><code>margin</code> isn't working totally.</p>
  <p>Do you have any ideas in MAIL HTML?</p>
  <p><em>ideal:</em>
  <a href="https://i.stack.imgur.com/LSh88.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LSh88.png" alt="enter image description here" /></a></p>
  <p><em>issue:</em>
  <a href="https://i.stack.imgur.com/9FB9L.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9FB9L.png" alt="enter image description here" /></a></p>