如何调整线高而不弄乱文本的“ hitbox”

Question

*{
    margin: 0;
    padding: 0;
}

header{
    text-align: center;
    background-color: rgb(61, 61, 61);
    padding: 15px;
}

/* this is where i would place the line height. remove comment tags to see result */
/* header p{
    line-height: 5px;
} */

<header>
    <h1>I'm a centered Title</h1>
    <p>Cool Slogun underneath!</p>
</header>

“ hitbox”解释IG..

蓝色hitbox包含标题和口号。

---

• 蓝色hitbox之箱之后的高度..yikes

  

• 我如何将自己的口号和标题更接近而不弄乱？

  如何将线路高度添加到标题本身，而不是p？

*{
    margin: 0;
    padding: 0;
}

header{
    text-align: center;
    background-color: rgb(61, 61, 61);
    padding: 15px;
    line-height: 20px;
}

Answer 1

<header>
    <h1>I'm a centered Title</h1>
    <p>Cool Slogun underneath!</p>
</header>