title: putting a text and image side by side with aligning the text to the bottom
body: <p>Im trying to put a text and an image side by side, but the text have to be aligned at the bottom but nothing is working, im using twitter-bootstrap and this is the code:</p>
  
  <pre><code>&lt;td width="75%" style='padding-top: 50px'  height="100%"  &gt;
  
       &lt;img src="img/img.png" class="img-responsive " 
           style="display:inline-block;margin-left: 10px;float:right;margin-bottom: 40px"
                  width="60%" alt=""&gt;
       &lt;span style="vertical-align:bottom;float:right"&gt;test&lt;/span&gt;
  
  &lt;/td&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/zh1o6tuc/" rel="nofollow">http://jsfiddle.net/zh1o6tuc/</a></p>
  
  <p>Thanks.</p>
  
  <p>EDIT:
  This is what im trying to achieve <a href="http://postimg.org/image/ss7u8u6mh/" rel="nofollow">http://postimg.org/image/ss7u8u6mh/</a></p>