垂直对齐h3文本

Question

我遇到了一些问题，我的h3没有在div的顶部对齐（正如我尝试的那样）。垂直对齐和线高似乎没有这样做。有没有我忽略的选择？

Answer 1

重置默认浏览器边距和填充。

h3 {padding:0;margin:0;}

如果您想获得更好的反馈，请发布您的代码。

Answer 2

div上的相对定位和h3上的绝对顶部定位是实现这一目标的另一种方式。还需要在div的顶部添加填充。 E.g。

div { position: relative; padding-top: 20px; }
h3 { position: absolute; top:  0; right: 0; left: 0; font-size: 18px; line-height: 20px; }