隣接する表のセルに異なるフォントサイズのテキストを垂直に整列させます

Question

隣接する表のセルに含まれる異なるフォントサイズのテキストを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> 

私の問題は、第二の細胞（製品デモンストレーション）内のテキストは、Outlook 2010と2013の最初のセルで「2」よりも低く表示されますが、展望2011年に正常に見えるですどのようにすべてのテキストがすべてのOutlookバージョンの一番下に一列に並んでいるように修正できますか？

Answer 1

Outlook 2007-10-13 dosntはテキストの下にあることを理解しているので、最後のtd内に別のテーブルが必要です。そのテーブルvalign = bottomを作成します。私はまた、いくつかのパディングボトムを追加して、 "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>