将h1 div高度调整为字体大小

Question

我编辑了我的h1标签的字体大小，但看起来div的高度不会自动适合它：

我尝试手动设置高度，但是div只是向下延伸而不是包含文本：

有没有办法让div适合字体大小？

这是我的css：

h1 {
    background-color: red;/* TEST */

    font-family: Lobster;
    font-size: 66px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 26px;
}

Answer 1

将line-height和font-size设置为相同的值：

font-size: 66px;
line-height: 66px;

Answer 2

变化：

h1{
    background-color: red;/* TEST */

    font-family: Lobster;
    font-size: 66px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 1;/*Change is here, don't put px at the end*/
}

看看它是否适合你。