title: Bootstrap thumbnail - Center contents (img + caption) with caption float:left
body: <p><strong>Hi,</strong></p>
  
  <p><strong>Here is what i'm trying to do :</strong></p>
  
  <p>Center the content: (img + caption) of each Thumbnail. 
  <em>My img must be span3 and the caption must be span4.</em></p>
  
  <p><strong>Here is my problem :</strong></p>
  
  <p>I can get the content center, or the caption float next to the img;
  <strong>But i can't get both at the same time.</strong></p>
  
  <p><em>I started to use bootstrap this morning, so i guess i'm using some class the wrong way.</em></p>
  
  <p><strong>Here is my code :</strong> </p>
  
  <pre><code>&lt;ul class="thumbnails"&gt;
      &lt;li class="span12"&gt;
          &lt;div class="thumbnail span12"&gt;
              &lt;img class="span3" data-src="holder.js/300x200" alt="300x200"&gt;
              &lt;div class="caption span4"&gt;
                  &lt;h3&gt;My Title&lt;/h3&gt;
                  &lt;p&gt;blabla&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/li&gt; 
  &lt;/ul&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/Pks87.jpg" alt="enter image description here"></p>