title: Bootstrap: vertically align paragraph text and buttons
body: <p>I have text in a paragraph with a button <code>a</code> element:</p>
  
  <pre><code>&lt;p&gt;
    &lt;a class="btn btn-default" href="#"&gt;Take exam&lt;/a&gt; 
    &lt;span class="text-muted"&gt;Available after reading course material&lt;/span&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>However, this renders with the two not vertically aligned. </p>
  
  <p><img src="https://i.stack.imgur.com/C3E01.png" alt="enter image description here"></p>
  
  <p><strong>What is the best way to align the text baseline here?</strong></p>
  
  <p>Fiddle at <a href="http://jsfiddle.net/0j20stbh/" rel="noreferrer">http://jsfiddle.net/0j20stbh/</a></p>