Html 制作一个<；a>；页脚中的标记粘贴在左侧，另一个粘贴在右侧

我有两个标签，一个链接到上一个页面，另一个链接到下一个，我把它们都放在页脚。在CSS中，我不能让每个标记都粘在页脚的一侧，而不让另一个标记加入

我尝试的第一件事是将“下一步”的“右”设置为0，将“上一步”的“左”设置为0，但没有成功。我试过“文本对齐”，但那只会让它们居中

--!> HTML <--
<footer>
<a class="prev" onclick="location.href='#'">&#10094;</a>
  <a class="next" onclick="location.href='#'">&#10095;</a>
</footer>

/* CSS */


  /* Next and previous buttons */
.prev, .next {
  cursor: pointer;
  padding: 22px;
  font-weight: bold;
  font-size: 30px;
  transition: 0.6s ease;
  user-select: none;
  
}

.prev:hover, .next:hover {
  background-color: white;
}

/* Footer */

 footer {
    background: rgba(0,136,169,1);
    color: #090e5e;
    font-size: 12px;
    padding: 20px 0px;
    overflow: hidden;
    bottom: 0;
    }
 

——！>HTML您可以简单地使用下面的方法来确保

您只需使用下面的方法来确保


footer {
  background: rgba(0, 136, 169, 1);
  color: #090e5e;
  font-size: 12px;
  padding: 20px 0px;
  overflow: hidden;
  bottom: 0;
  display: flex;
  justify-content: space-between;
}

<footer>
  <div class="arrow_buttons">
    <a class="prev" onclick="location.href='#'">&#10094;</a>
    <a class="next" onclick="location.href='#'">&#10095;</a>
  </div>
</footer>

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