Placing absolute box at the end of text (flexible by length of text)

[Justiinfowleer]

I want to place an absolute popup box at the end of text link.HTML\[code\]<div style="float:left;">Hello World</div><div class="box">BOX</div>\[/code\]CSS\[code\].box{ float:left; border-color:#000; border-style:solid; border-width:1px; width:80px; height:80px; text-align:center;}\[/code\]

http://jsfiddle.net/7N6ye/1/It works fine only when a box is relative. When I set \[code\]position:absolute\[/code\] on the box, it looks like

http://jsfiddle.net/7N6ye/3/Any ideas? Eventually, I'll have a list of links each of which has different text length. (And each box will popup at the end of text).