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

Question

我想做的是使红色箭头与http://jsfiddle.net/me42hfkw/的“在本期中，您可以：”部分中的右侧文本对齐。 换句话说，我想要› s行

                                    <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>

在其单元格的顶部对齐。 我不知道为什么它不起作用。 因为我能够使其在http://jsfiddle.net/qprc69z1/上运行 。 我想念什么？

顺便说一下，这是用于HTML电子邮件的，因此我需要尽可能地使用样式的原始形式。

Answer 1

http://jsfiddle.net/me42hfkw/1/

您可以降低p标签的line height来调整文本的位置。 字体大小与您所使用的一样大，因此要考虑很多空白。 减小行高将消除该空白。

您提供的小提琴的区别在于，该小提琴没有在td内使用p标签，而使用垂直对齐时，它可以“播放”更好。