垂直对齐h3文本

时间:2011-09-01 13:15:42

标签: html css vertical-alignment

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

2 个答案:

答案 0 :(得分:3)

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

h3 {padding:0;margin:0;}

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

答案 1 :(得分:3)

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