Html 正在尝试在字体图标下排列文本

我目前正在使用两个字体很棒的图标。问题是我想在每个与这些图标对齐的图标下添加文本。问题是文本在页面上居中，但不在相应的图标下

代码：

标题
说明

关于联系

使用HTML将其对齐，并使用CSS设置样式。这样它将正确地保持在图标的顶部

---

如果将父元素文本对齐，它将被图片继承

CSS

.container {
    text-align: center;
}

---

我想这就是你想要做的。这是小提琴：

标题
说明


文本由从第一个继承的“文本中心”类居中
专栏。

可能有助于使用

fa-fw

包覆，以便您的图标也保持一个大小。完美。这很有效。我最终做了一点不同的事情，但这让我开始走上了正确的方向。投票的结果可能是因为使用了一个表格进行格式化，这几乎是当今网络上普遍不赞成的网页布局方法。有（几乎？我不知道任何反例）总是有一个语义更正确的方法来实现相同的结果。

CSS

.container {
    text-align: center;
}

            <div class="col-md-8 col-md-offset-2 text-center outline">
                <h1 class="brand-heading">Title</h1>
                <p class="intro-text">description</p>
                <div class="col-sm-4 outline">
                    <a href="#about" class="btn btn-circle page-scroll btn-lg outline">
                        <i class="fa fa-angle-double-down fa-fw"></i>
                    </a>
                    <p class="outline">
                        Text is centered by 'text-center' class inherited from first 
                        column.
                    </p>
                </div>
            </div>