Zentrieren Sie den Text unter der Schaltfläche

Question

Wie kann ich Text unterhalb einer Schaltfläche in einer Spalte innerhalb einer Zeile zentrieren? Ich möchte den Text innerhalb <small> Tag genau in der Mitte unter der Schaltfläche auszurichten:

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> 

Current Result

What I want

Answer 1

Ist der Knopf in der Mitte? Wenn ja, geben Sie einfach Text-align: center an Ihre <small> div.

Können Sie ein Bild des gewünschten Verhaltens geben?

Edit: Wenn auch nur so, wird der Text nicht in der Mitte, können Sie hinzufügen möchten, eine oder beide: display: block und/oder width: 100%-<small>

Answer 2

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

Dies schaltet zu blockieren und es zentriert den inneren Text.

Sorry für die Kürze, ich bin in Mobile.

Answer 3

Die Frage ist, wie Sie die Taste an der Säule verbunden ist Es ist in? Ist es zentriert? Ist es volle Breite?

Wenn die Antwort ja auf eine dieser ist, könnte man mit gehen:

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

Wenn nicht, können Sie die Taste und die kleinen in einen anderen Behälter wickeln müssen.

http://codepen.io/Type-Style/pen/dXOyGW