是否有一种方法可以定位所有“真棒字体”图标并将它们居中对齐？

Question

我想以某种方式定位课程：

<i class="fas fa-tree fa-4x"></i>

并使内容水平居中

fas {
  align-content: center;
}

虽然我无法弄清楚。预先感谢您的任何建议。

这是上下文：

              <div class="col-md-4 mb-1">
            <i class="fas fa-tree fa-4x"></i>
            <h4 class="my-4" font-weight-bold>The Park</h4>
            <p>Text</p>
          </div>

Answer 1

[i元素如何？

i{
  align-content: center;
}

或

.fas{
  align-content: center;
}