添加法律声明链接到模板的底部

Question

与许多网站一样，我希望将法律声明放在每个页面的底部。我知道如何链接，但不知道如何在没有巨大差距的情况下将以下内容嵌入版权之内：

主页|联系|免责声明|隐私政策|条款和条款条件

有人可以提供建议吗？我想用CSS而不是BR代码。感谢。

CSS：

#footer {
    margin: 0px auto;
    padding-bottom: 60px;
    width: 850px;
    position: relative;
    text-align: center;
}

#footer .social {
    position: absolute;
    top: 0;
    left: 10px;
}

#footer .social ul {
    list-style: none;
    margin: 10px 0px 0px;
    padding: 0px;
}

#footer .social li {
    float: left;
    margin-right: 5px;
}

#footer .social img {
    border: 0px;
}

#footer .copyright {
    color: #fff;
    line-height: 32px;
    margin-top: 10px;
}

HTML：

<div class="copyright">
    Copyright &copy; 2011 Ricky Wai Kit Tsang.  All rights reserved.
</div>

Answer 1

如果您不希望存在巨大差距，可以删除或减少margin div中的line-height和.copyright

.copyright {
    color: #fff;
    line-height: 32px;   //reduce or remove
    margin-top: 10px;    //reduce or remove
}