首先,我知道有一些方法可以使文本位于同一行。但我不知道如何扩展这一点。这是我到目前为止所拥有的:
我怎样才能在不使用表格的情况下实现它?
这是 HTML 部分:
<p style="float: left;" class="details"><a href="#Top">To Top</a></p>
<p style="float: right" class="details">Latest Version: 0.3.6.17 | Downloads: 12 | <a href="#">Download</a></p>
这是 CSS 部分:
.details {
padding: 7px 15px;
margin: 20px 15px 15px 15px;
background: #111111;
}
我真的不想为此求助于桌子。有更容易的方法吗。谢谢任何能帮助我的人。
这与您一开始的情况有些不同,但我过去是这样做的:
CSS:
.details {
clear: both;
padding: 7px 15px;
margin: 20px 15px 15px 15px;
background: #111111;
text-align: right;
}
.toplink {
float: left;
}
HTML:
<div class="details">
<span class="toplink">To Top</span>
Latest Version: 0.3.6.17 | Downloads: 12 | Download
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)