H1标签CSS问题 - 单面悬挂在WordPress网站上

Question

我正在摸索我在H1徽标中所做的事情

第一张图像显示混乱的图像，第二张图像显示它应该在同一平面上。我必须提供图片链接，因为我还没有足够的代表。 Link to image

以下是该网站，因为我不确定哪些代码可以解决这个问题：afirewithin.me

Answer 1

你的CSS：

#logo h1 {
    font-size: 48px;
    float: left;
    margin: -7px 0px 0px;
    color: #262728;
    background: url('images/h1_border.png') no-repeat scroll right 25px transparent;
    padding-right: 10px;
}

将其更改为：

#logo h1 {
    font-size: 48px;
    float: left;
    margin: 16px 0px 0px;
    color: #262728;
    background: url('images/h1_border.png') no-repeat scroll right 4px transparent;
    padding-right: 10px;
}

调整边距和背景4px以获得精确的间距等。

截图：

Answer 2

你的h2上有32px 0 0的余量

尝试安装firebug进行调试