按钮下方的居中文本

Question

如何使文本在行内列内的按钮下方居中？我想将标签内的文本<small>精确地对齐在按钮下方的中心：

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>

当前结果

我想要的是

Answer 1

按钮在中间吗？如果是这样，你只需要给Text-align: center你的<small>div。

你能给出你想要的行为的图片吗？

编辑：如果即使如此，文本不在中心，您可能需要添加一个或两个 :display: block和/width: 100%或<small>