title: Vertically align text and button inside Bootstrap 3 alert
body: <p>I'm trying to vertically align text (pulled left) and a button (pulled right) inside a Bootstrap 3 <code>alert</code>. Somehow like this:</p>
  
  <pre><code>+------------------------------------------------+
  | Some text                           [A button] |
  +------------------------------------------------+
  </code></pre>
  
  <p>What I have so far is the following (<a href="http://www.bootply.com/117252" rel="nofollow noreferrer">Bootply</a>):</p>
  
  <pre><code>&lt;div class="alert alert-info" style="overflow:hidden"&gt;
      &lt;p class="pull-left"&gt;Some text&lt;/p&gt;
      &lt;button class="btn btn-sm btn-default pull-right"&gt;A button&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The button is perfectly aligned (this was actually my first problem, solved <a href="https://stackoverflow.com/questions/18169717/align-button-vertically-in-alert-field">here</a>), but now the text is out of center.</p>
  
  <p>I appreciate your help!</p>