title: Bootstrap 3 Text on the right of thumbnails
body: <p>I have a question, basically  using the thumbnails is ok, and you can get text beneath the tumbnail but i would like to put like 3 tags next to the thumbnail, something like that and would like to have:</p>
  
  <p><img src="https://i.stack.imgur.com/b3oLN.png" alt="enter image description here"></p>
  
  <p>Or those parameters outside of the border, but the border should be very close to the thumbnail ...</p>
  
  <p>The code is following:</p>
  
  <pre><code>&lt;div class="col-xs-6 col-md-3"&gt;
    &lt;a href="#" class="thumbnail"&gt;
      &lt;img data-src="holder.js/100%x180" src="untitled.png" alt="Generic placeholder thumbnail"&gt;
      &lt;ul&gt;
      &lt;li&gt;Title&lt;/li&gt;
      &lt;li&gt;Location&lt;/li&gt;
      &lt;li&gt;Price&lt;/li&gt;
      &lt;ul&gt;
    &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>From the post and responses i get the following in the fiddle, as well as in my solution, i marked it yellow, as you can see the border is somehow on the top now :( :</p>
  
  <p><img src="https://i.stack.imgur.com/LC0yY.png" alt="enter image description here"></p>
  
  <p><img src="https://i.stack.imgur.com/FdocI.png" alt="enter image description here"></p>
  
  <p>This is final screen, still broken: :(
  <img src="https://i.stack.imgur.com/RrAVt.png" alt="enter image description here"></p>