html - 删除 h1 标签中的内部空间

Question

嗨，我是 HTML 和 CSS 的初学者!我正在尝试将 Logo 和标题正确对齐。两者应该在同一条线上。问题是我无法删除 h1 的内部空间，并且文本顶部总是有一个边距(如果我为 h1 的背景着色，我会看到它进一步延伸到文本上方)。有办法解决这个问题还是我做错了？我希望它们的高度完全相同，水平位置完全相同(标题中“T”的顶部应该位于img的顶部，底部也相同)。

HTML:

<header>
    <img src="images/logo.gif" alt="logo">
    <h1>Title</h1>
</header>

CSS:

header
{
    overflow:auto;
}

header img
{
    float:left;
    width:55px;
    height:55px;
    margin-right:20px;
}

header h1
{
    float:left;
    padding:0px;
    margin:0px;
    font-size:55px;
}

Answer 1

您是否尝试过将行高设置为固定值？

h1 { line-height: 55px;}