文章越过页脚

Question

我的网站上有一点问题，内容div中的文字正在翻页。

HTML：

<div class="content">
test
</div>
<div class="footer">
<font size="2px">
  <p>text</p>
  <hr color="red">
  <p>text2</p>
  <p>tex3</p>
  <p>E-mail: <a href="mailto:text4?" target="_top">text4</a>; <a href="mailto:text5?" target="_top">text5</a>; <a href="mailto:text6?" target="_top">text6</a></p>
  <p><a href="website">website</a></p>
  </font>
</div>

CSS：

.content{
padding-top : 121px;
position: absolute;
width : 100%;
display:inline-block;
}
.footer {
   display: inline-block;
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   text-align: center;
}

如果我写了很多文字，其中包含<br/>，那就会超过页脚。非常感谢您的帮助！