无法使页脚左右对齐

Question

我一直在这里和其他站点中遵循这些步骤，但是我一直无法实现。想法是使文本与左下角和右下角对齐。

这是我的HTML代码：

  <footer class="footer">
      <div>
        <p class = "alignleft"> Copyright &copy; 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;
  }

我想将它放在同一行中，但要左右对齐。我以不同的方式得到它，并居中...¬¬

请告知；我被卡住了。

Answer 1

浮动可能会变得草率，稍微弯曲一下就可以使您的生活更轻松。

.footer {
  display: flex;
  justify-content: space-between;
}

<footer class="footer">
    <span>Copyright &copy; Ask Alansky 2019</span>
    <span>Empowered by gA</span>
</footer>