Html 在按钮下方居中显示文本

如何在一行中的列内的按钮下方居中放置文本？ 我想将

标签内的文本精确对齐在按钮下方的中心：

HTML:

<div class="container">
            <div class="row">
                <div class="col-md-9 vcenter">
                   <h2>Talk to us about your <span class="u">next</span> building project. </h2>
                </div>
                <div class="col-md-3">
                    <button class="btn btn-quote">Get A Free Quote</button>
                    <small>We will contact you within 24 hours.</small>
                </div>
            </div>
        </div>

和我们谈谈你的下一个建筑项目。
获得免费报价
我们将在24小时内与您联系。

这将变成块，并使内部文本居中

---

抱歉这么简单，我在手机里

按钮在中间吗？ 如果是这样，您只需将

文本对齐：居中
指定给
div即可

你能描述一下你想要的行为吗

编辑：即使如此，文本也不在中间，您可能希望添加以下任一项或两者：
display:block
和/或
width:100%
到
问题是按钮与其所在列的关系如何？
它居中吗？是全宽的吗

如果其中一个答案是肯定的，您可以选择：

small {
   display: block; 
   text-align: center; 
} 

如果没有，您需要将按钮和小按钮包装在另一个容器中

一种方法是

small{
    width: 100%;
    text-align: center;
    display: inline-block;
}

我刚刚附上了图片。我希望按钮下方的文本居中。按钮是否在其列中居中？它占据了整个柱子的空间吗？如果你对这两个问题的回答都是肯定的，试一下我在回答中解释的东西，告诉我它是否有效。我猜
small
div对于您的目的来说不够大。这是完美的。但是我使用了
text center
bootstrap类。这一点很好，但该类不会使容器成为内联块。因此，按钮也将在其容器中居中。只是想在这里显示所有选项。
small{
    width: 100%;
    text-align: center;
    display: inline-block;
}