Html 希望文本元素在单元格顶部对齐

我想做的是使红色箭头与本期中“您可以：”部分右侧的文本对齐。换句话说，我想要

&rsaquos行，如

                                    <td valign="top" style="font-family:Helvetica,Arial;padding-right:10px;padding-bottom:20px;">
                                        <p valign="top" style="color:#FF0000;font-size:36px;font-weight:bold;margin-top:0;">&rsaquo;</p>
                                    </td>
                                    <td valign="top" style="font-family:Helvetica,Arial;padding-bottom:20px;">
                                        <p style="color:#666666;line-height:18px;margin-top:0;">Learn about the IT and business trends driving walk-up service centers.</p>
                                    </td>
                                </tr>



了解推动步行服务中心发展的IT和业务趋势


在他们的单元格顶部对齐。我不明白为什么它不起作用；因为我能让它工作。我错过了什么

顺便说一句，这是一封HTML电子邮件，因此我需要尽可能使用原始样式
 

您可以减小
p
标记的
行高
，以调整文本的位置。字体大小与您使用的字体大小一样大，因此需要考虑大量的空白。降低行高度将消除该空白

您提供的小提琴之间的区别在于，它没有
p
标记，它位于
td
中，在使用垂直对齐时，“播放”效果更好。
在浏览器中可以使用
行高
功能，但在我将HTML文件转换为Outlook电子邮件之后就不行了（删除p标记并将样式添加到父级
td