将页脚内容分为左右两部分

时间:2015-05-05 11:10:32

标签: html css

<footer>
<div class="copyrights">
<p>&copy 2015. <a style="color: #fff;" href="index.html">Free Xbox Live Gold Membership and Free Xbox Live Gold Codes</a>. All rights reserved.<a href="contact.html">Contact Us!</a><a href="tos.html">ToS</a></p></div>
</div>

我有这个页脚代码,现在我想要版权在左边,然后联系人和TOS在右边对齐。但是我很难将内容与右边对齐。

1 个答案:

答案 0 :(得分:0)

<footer>
    <div class="copyrights" style="overflow: hidden;">
        <p style="float: left;">&copy 2015. <a style="color: #fff;" href="index.html">Free Xbox Live Gold Membership and Free Xbox Live Gold Codes</a>. All rights reserved.</p>
        <p style="float: right;"><a href="contact.html">Contact Us!</a> <a href="tos.html">ToS</a></p>
    </div>
</div>

我建议您将样式表放在外部文件中,并使用类名来定位元素。内联样式不易维护。