title: Bootstrap 3.0 inline headings tags
body: <p>I have the following piece of code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="row"&gt;
      &lt;div class="col-md-12"&gt;
          &lt;div class="well"&gt;
              &lt;div class="clearfix"&gt;
                  &lt;h2 class="pull-left"&gt;Heading&lt;/h2&gt;
                  &lt;h4&gt;Second Heading&lt;/h4&gt;
             &lt;/div&gt;
          &lt;/div&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><br>
  The goal is to have both the <code>&lt;h2&gt;</code> and the <code>&lt;h4&gt;</code> next to each other, on the same base line. At this point the <code>&lt;h4&gt;</code> element is way above the line.</p>
  
  <p>I've tried to put this into <em>spans</em>, and other 'tricks' like <code>vertical-align: bottom</code>.
  For some reason I just simply cannot get this on the same line, and same 'line-height like this:</p>
  
  <blockquote>
    <p>Heading <strong>Second Heading</strong></p>
  </blockquote>