title: Center text below button
body: <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>