Outlook 在相邻表格单元格中垂直对齐不同字体大小的文本

Outlook 在相邻表格单元格中垂直对齐不同字体大小的文本,outlook,html-table,html-email,vertical-alignment,font-size,Outlook,Html Table,Html Email,Vertical Alignment,Font Size,我正在尝试将html电子邮件中相邻表格单元格中包含的不同字体大小的文本底部对齐 代码: <tr> <td> <table cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td style="font-size: 40px; font-family: Calibri, Arial, Helvetica, sans

我正在尝试将html电子邮件中相邻表格单元格中包含的不同字体大小的文本底部对齐

代码:

<tr>
  <td>
    <table cellspacing="0" cellpadding="0" border="0">
     <tbody>
       <tr>
         <td style="font-size: 40px; font-family: Calibri, Arial, Helvetica, sans-serif; color:#35C7E0; font-weight: bold; mso-line-height-rule:exactly; line-height: 40px;" valign="bottom">2.</td>
         <td width="15" style="width: 15px; font-size: 18px; line-height: 40px;">&nbsp;</td>
         <td style="font-family: Arial, sans-serif; font-size: 18px; color: #35C7E0; text-align: left; mso-line-height-rule:exactly; line-height: 40px;"  valign="bottom">Product Demonstrations</td>
       </tr>
     </tbody>
    </table>
  </td>
</tr>

2.
产品演示

我的问题是,在Outlook 2010和2013中,第二个单元格(产品演示)中的文本显示低于第一个单元格中的“2”,但在Outlook 2011和2016中看起来很好。如何修复此问题,使所有Outlook版本中的所有文本在底部看起来都一致对齐?

Outlook 2007-10-13在文本上不理解valign=bottom,因此您需要在上一个td中使用另一个表,并使该表valign=bottom。我还添加了一些填充底部,使其与“2”对齐


2.
乱数假文

Outlook 2007-10-13不理解文本上的valign=bottom,因此您需要在上一个td中添加另一个表格,并使该表格valign=bottom。我还添加了一些填充底部,使其与“2”对齐


2.
乱数假文

<table cellspacing="0" cellpadding="0" border="0">
<tr>
    <td>
        <table cellspacing="0" cellpadding="0" border="0">
            <tbody>
                <tr>
                    <td style="font-size: 40px; font-family: Calibri, Arial, Helvetica, sans-serif; color:#35C7E0; font-weight: bold; mso-line-height-rule:exactly; line-height: 40px;" valign="bottom">2.</td>
                    <td width="15" style="width: 15px; font-size: 18px; line-height: 40px;">&nbsp;</td>
                    <td valign="bottom">
                        <table cellspacing="0" cellpadding="0" border="0">
                            <tr>
                                <td style="font-family: Arial, sans-serif; font-size: 18px; color: #35C7E0; text-align: left; mso-line-height-rule:exactly; line-height: 100%; padding-bottom: 5px"> Lorem ipsum
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </tbody>
        </table>
    </td>
</tr>