Html 应用边距或填充时，div内的Header标记向下推父div

我想把H1标签移到容器内。如果我在H1样式或其本身的div上加上边距或填充顶，它会将父div向下推。我不知道这是为什么。谢谢你在这件事上的帮助

CSS:

html:

<div class="title"><a href="/index"><h1>Gaa'Oziskwaajimekaag<br />Gabe Gikendaasoowigamig</h1></a></div>

---

站点URL:

给它

绝对位置

写：

div.title h1{
    position:absolute;
    font-family: 'AachenTL-Bold';
    font-weight:normal;
    font-style:normal;
    float:left;
    margin:0;
    padding:0;
    padding-left: 0.5em;
    color: #36F;
}

---

这似乎破坏了我的整个布局。我在浮动元素之后添加了一个清晰的div，现在它似乎可以工作了。谢谢

div.title h1{
    position:absolute;
    font-family: 'AachenTL-Bold';
    font-weight:normal;
    font-style:normal;
    float:left;
    margin:0;
    padding:0;
    padding-left: 0.5em;
    color: #36F;
}