Allineare h2 e button affiancati

[rbnz]

Ciao a tutti,
Sto creando un layout HTML e CSS con Bootstrap, ma ho un problema all'apparenza stupido che non riesco a risolvere.

In una row, che ha uno sfondo, sono contenuti un <h2> ed un <button>, che vorrei allineare uno a fianco all'altro, gli ho dato quindi un float left, così facendo però si posizionano sulla sinistra del div container in cui sono.
Ho poi provato ad inserirli in un altro div a cui ho dato un margin auto, per centrarli, ma questo div mi occupa tutto lo spazio del div contenitore, ossia del container, quindi devo per forza dargli una grandezza limite fissa per far in modo che sia centrato.
Io vorrei che il <div> che contiene l'h1 ed il button, si adatti automaticamente alla grandezza di questi due elementi, senza dovergli dare una grandezza specifica.
Vi posto qui il codice.

HTML:

<div class="row section cta clearfix">
 <div class="container">
  <div id="cta">
   <h2>Sfoglia il Volantino e Scopri le Offerte!</h2>
   <button type="button" class="btn btn-primary">Clicca Qui</button>
  </div><!-- /#cta -->
 </div><!-- /container -->
 <div class="bottom-shadow"></div>
</div><!-- /row -->

CSS:

.cta {
      background: #f0f0f0 url("../src/images/bottom-shadow.png") no-repeat center top;
}

#cta {
      margin: 2% auto 2% auto;    width: 60%;    overflow: hidden;
}

.cta h2 {
      font-size: 30px;
      font-weight: 100;
      font-style: italic;
      float: left;
      margin: auto 2% auto auto;
}

.cta button {
      width: 180px;
      float: left;
}
.cta > .bottom-shadow {
      margin-top: 2px;
}

[ResianTaxidrive]

Poresti fare così:

<div class="row section cta clearfix">
   <h2>Sfoglia il Volantino e Scopri le Offerte!</h2>
  <button type="button" class="btn btn-primary">Clicca Qui</button>
 <div class="bottom-shadow"></div>
</div><!-- /row -->

e per il css

.cta {
      background: #f0f0f0 url("../src/images/bottom-shadow.png") no-repeat center top;
      width:100%;
      text-align:center;
}

.cta h2 {
      font-size: 30px;
      font-weight: 100;
      font-style: italic;
      display:inline;
      margin: auto 2% auto auto;
}

.cta button {
      width: 180px;
      display:inline;
}
.cta > .bottom-shadow {
      margin-top: 2px;
}

[rbnz]

Grande ResianTaxidrive, avrei pubblicato a breve la soluzione a cui ero arrivato, cioè questa.
Grazie mille!