Center text below button
<p>How can I center text below a button inside a column within a row?
I want to align the text within <code>&lt;small&gt;</code> tag exactly in the center below the button:</p>

<p><strong>HTML:</strong></p>

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

<p><a href="http://i.stack.imgur.com/yTqPS.png" rel="nofollow">Current Result</a></p>

<p><a href="http://i.stack.imgur.com/elkNX.png" rel="nofollow">What I want</a></p>