您应该向<ul>
或 父级添加一个类<div>
。
<div class='copyright'>
Copyright (c) 2013 Acme Inc. All rights reserved.
</div>
<ul class='footer'>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms & Conditions</a></li>
</ul>
然后调整CSS:
.footer {
list-style-type: none;
display: inline;
}
.footer li, .copyright {
display: inline;
}
或者
.footer li, .copyright {
display: inline-block;
}
或者
.footer li, .copyright {
display: block;
float: left;
}
添加课程.footer
是非常可选的,但我认为非常推荐。您可以简单地将 css 选择器调整为ul { list-style-type: none; }
或ul li { ... }
但老实说,你为什么不简单地使用它呢?
<div>
Copyright (c) 2013 Acme Inc. All rights reserved.
<a href='#'>Privacy Policy</a>
<a href='#'>Terms & Conditions</a>
</div>