Html 内容未对齐到表的底部

目前正在为电子邮件编码：

我试图让这个按钮（从表中创建）与封闭表的底部对齐。目前它不会对齐，我不知道为什么

训练
标题在这里
此处文本

这就是你要找的？只需将align='left'添加到包含按钮的表中

训练
标题在这里
此处文本

不妨尝试一下这种方法：

    <table width="300" min-width="300" height="500" class="promo_3" align="left">
  <tr>
    <td valign="bottom"><br>
      <br>

     <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <td height="200" valign="top"><a target="_blank" href="http://www.thing.html"><img class="promo" alt="Promo image 2" src="http://media.campaigner.com/image1.jpg"></a></td>
    </tr>
    <tr>
      <td height="200" valign="top">

   <h1> TRAINING </h1>
      <span valign="top" class="content">TITLE HERE</span>
      <p>TEXT HERE</p>


   </td>
    </tr>
  </tbody>
</table>



      <br>
      <!--Button THIS WILL NOT ALIGN TO THE BOTTOM -->

      <table width="100%" border="0" cellspacing="0" cellpadding="0" style="padding-bottom:20px;">
        <tr>
          <td height="20">
            <table border="0" cellspacing="0" cellpadding="0" align="center">
              <tr>
                <td bgcolor="#f55926" valign="bottom" style="padding: 8px 30px 8px 30px; -webkit-border-radius:3px; border-radius:3px" align="center"><a href="http://www.thing.html" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; display: inline-block;">Read More</a> 
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
      <!--Button + Social End -->


    </td>
  </tr>


</table>

训练
标题在这里
此处文本

我所做的是添加一个表和两行，这两行都有特定的高度，内容与顶部对齐。一些电子邮件客户端是臭名昭著的，可能不会像代码上那样将代码与底部对齐，对于那些电子邮件客户端，您可以在TD上使用填充顶部。希望这有帮助

---

干杯

从技术上讲，它已经在桌子的底部了。除了“按钮”之外，我如何将所有内容对齐到顶部？当前是什么将其与底部对齐？我在一个较大的表中并排放置了其中两个，并且内容都与这个较大的表中的顶部对齐。