我一直在遵循这里的步骤&在其他站点中，但我一直无法实现它。这个想法是让文本在左下角和右下角对齐。
这是我的HTML代码：
<footer class="footer">
<div>
<p class = "alignleft"> Copyright © Ask Alansky 2019 </p>
<p class = "alignright"> Empowered by gA </p>
<div style= "clear: both"> </div>
<!-- <div style = "clearboth"> </div> -->
</div>
</footer>这是我的CSS代码：
.footer{
padding: 25px 0;
text-align: center;
}
.alignleft{
float: left;
}
.alignright{
float: right;
}我是个新手，所以我试着使用下面的代码，但它不起作用：
.clearboth{
clear: both;
}我想让它在同一行，但左对齐和右对齐。我把它放在不同的线上，并居中...，--
请指教，我被卡住了。
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-11-08 21:06:31
浮动可以变得马虎，让你的生活变得更容易。
.footer {
display: flex;
justify-content: space-between;
}<footer class="footer">
<span>Copyright © Ask Alansky 2019</span>
<span>Empowered by gA</span>
</footer>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58773648
复制
腾讯云开发者
