如何将页脚中的链接移至右侧

Question

我对此很陌生，所以很抱歉，如果这是一个简单的修复，但我已经研究了一个多小时，只是无法解决它，我想做的就是为我的第一个网站创建一个简单的页脚，我我正在努力显示页脚右侧的图标和链接以及左侧的

元素。

<footer class="footer">
  <p>
    Any feedback would be much appreciated, you can contact me on the following! 
  </p>
  <div class="links">
    <i class="fa fa-envelope" id="icons"></i>
    <a>Email</a>
    <i class="fa fa-github" id="icons"></i>
    <a>Github</a>
    <i class="fa fa-linkedin" id="icons"></i>
    <a>Linkedin</a>
  </div>
</footer>

footer {
  background-color: #444;
  padding: 10px;
  display: flex;
  justify-content: center;
}

#icons{
  padding: 5px;
}

.links {
  float: right;
}

我尝试过文本对齐：对，我尝试过浮动它。只是不确定下一步该去哪里

Answer 1

如果你想在容器的相对两侧显示元素，你可以使用

justify-content: space-between

财产。

footer {
 background-color: #444;
 padding: 10px;
 display: flex;
 justify-content: space-between;
}