Html 以div为中心的左右箭头图标

我想在页面底部的页脚中放置两个前后导航图标，两个图标之间的间距为10px

这两个图标必须在同一垂直面上，并一起水平居中。 我该怎么做

<div id="footer"> 
  <i id="left" class="fa fa-caret-left fa-5x"></i>
  <i id="right" class="fa fa-caret-right fa-5x"></i>    
</div>

---

为它们创建一个水平居中的容器，并将它们放入其中。只要两个图标加在一起不大于屏幕，它们就会并排显示。要在它们之间创建10px的空间，可以在第一个元素的右侧添加边距，如下所示：

<!-- website -->
<div style="text-align: center">
    <span style="margin-right: 10px">ICON</span><span>ICON</span>
</div>
<!-- website -->

伊科尼康

用图标替换跨度标记

---

编辑：我看到您编辑了您的问题，如果您使用

显示：表格，使用提供的代码，在页脚的css中添加“文本对齐：中心”和在左侧的css中添加“右边距：10px”就足够了和
显示：表格单元格对于子元素，可以将其水平居中对齐



#页脚{
显示：表格；
背景：红色；
宽度：100%；
高度：100px；
}
#页脚一{
填充物：5px；
高度：计算（100%-10px）；
垂直对齐：中间对齐；
显示：表格单元格；
}
#左{
文本对齐：右对齐；
}

试验
试验