jquery - Span on top of one another -

I want to make these spaces on top of each other but not so fortunate,

  & lt; Td square = "rtf hov" & gt; & Lt; Div & gt; Investments & 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 down & lt; / Span & gt; & Lt; / Div & gt; & Lt; / TD & gt;  

Desired results,

Try this type

CSS

.left {float: left; } .right {float: right; } .CLR {clear: both; }

HTML

  & lt; Div class = "msub estextsub" & gt; & Lt; Duration class = "left" & gt; Investments & lt; / Span & gt; & Lt; Span class = "right" & gt; I want to be on top & lt; / Span & gt; & Lt; Div class = "clr" & gt; & Lt; / Div & gt; & Lt; Span class = "left" & gt; Test & lt; / Span & gt; & Lt; Span class = "right" & gt; I have to be on the bottom & lt; / Span & gt; & Lt; / Div & gt;