title: Align multiple images/headings on same line - bootstrap 3
body: <p>I'm trying to align 3 headings and 2 images on the same line, like so:</p>
  
  <p>Heading Image Heading Image Heading </p>
  
  <hr>
  
  <p>I tried using Bootstrap's media component, like so:</p>
  
  <pre><code>&lt;div class="media"&gt;
  
      &lt;h5 class="media-heading"&gt;Media heading&lt;/h5&gt;
      &lt;img class="media-object pull-left" src="img/img.png" alt="..." /&gt;
      &lt;h5 class="media-heading"&gt;Media heading&lt;/h5&gt;
      &lt;img class="media-object pull-left" src="img/img.png" alt="..." /&gt;
      &lt;h5 class="media-heading"&gt;Media heading&lt;/h5&gt;
  
  &lt;/div&gt; 
  </code></pre>
  
  <p>But I'm having a hard time getting everything to be on the same line. Any ideas? Thank you.</p>