title: Twitter Bootstrap thumbnail caption to the right
body: <p>How to make the caption of a Twitter Bootstrap thumbnail be placed to the right of the image instead of below? Preferably in CSS. So far I am just using existing tags as my css knowledge is very limited.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;ul class="thumbnails"&gt;
    &lt;li class="span2"&gt;
      &lt;div class="thumbnail span4"&gt;
    &lt;div class="span2"&gt;
          &lt;img src="http://placehold.it/120x160" alt=""&gt;
        &lt;/div&gt;
        &lt;div class="caption"&gt;
          &lt;h5&gt;Thumbnail label &lt;/h5&gt;
          &lt;p&gt;Cras justo odio, dapibus ac facilisis in, egestas eget. Eget metus&lt;/p&gt;
          &lt;p&gt;&lt;a href="#" class="btn btn-primary"&gt;Action&lt;/a&gt; &lt;a href="#" class="btn"&gt;Action&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>