div中的标头标签在应用边距或填充时将父div按下

Question

我想将一个H1标签向下移动到容器内部。如果我在H1样式或它本身的div上放置一个边距或填充顶部，它想要用它推下父div。我不知道为什么会这样。感谢您对此事的任何帮助。

CSS：

div.right-header{
  float:right;
  width: 45em;
}

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

html：

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

网站的网址：http://lltc.designangler.com/

Answer 1

给它absolute position。

写：

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;
}