如何将文本对齐到占用空间的顶部？

Question

我已尝试弄乱vertical-align，line-height等。

应该告诉你我想做什么。我放了一个小红箭来显示我希望文本向上移动的位置。

Answer 1

你需要修改css或html中的上边距，下面是三种方法。

在css中修改：

h2 {
    margin-top: 0px;
}

在html中修改内联样式：

<h2 style="margin-top="20px;">从内联样式中删除“margin-top”

覆盖内联样式：

如果您无权访问html，则可以覆盖内联样式：

h2[style] {

margin-top: 0px;

}

更新

根据您对OP的评论，您似乎只想将文字移动到 5px 。您可能希望使用margin: 15px或margin: 20px之类的内容将文字与灰色框的顶部对齐。上面的例子仍然适用。

Answer 2

您正在使用文本周围的h2标记。您应该以这种方式覆盖该特定类的边距：

h2 {
margin-top:0;
} 

如果您希望仅定位特定div中的文字，则应在css中指定该文字，如下所示：

#this-div h2 {
margin-top:0;
} 

修改

当您在html中使用内联样式时（我个人倾向于避免使用），您必须在html中修改h2标记的内联样式以获得所需的结果。