title: Span on top of one another
body: <p>I want to make these spans on top of each other but not so luck,</p>
  
  <p><a href="http://jsfiddle.net/76NNp/79/" rel="nofollow noreferrer">http://jsfiddle.net/76NNp/79/</a></p>
  
  <pre><code>&lt;td class="rtf hov"&gt;
      &lt;div&gt;Investment&lt;/div&gt;
      &lt;div class="mub eub"&gt;
          &lt;span style="float:left"&gt;Test&lt;/span&gt;
          &lt;span style="float:right;"&gt;I want to be on Top&lt;/span&gt;
          &lt;span style="float:right; color:green"&gt;I want to be on bottom&lt;/span&gt;
      &lt;/div&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>Desired result,</p>
  
  <p><img src="https://i.stack.imgur.com/wud4c.png" alt="enter image description here"></p>