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

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 标签的行高 来调整文本的位置。使用与您使用的一样大的字体大小，需要考虑很多空白。降低行高将消除空白。

您提供的 fiddle 之间的区别在于， fiddle 没有 p 标签，它位于 td 中，使用时“播放”效果更好垂直对齐。