在保持元素内联的同时删除css位置绝对值

Question

如果不使用绝对定位的跨度，我怎样才能实现这一目标？

<div>
 <span style="position: absolute; right: 5px;">[details]</span>
 <div style="background-color: White;">
  <span style="white-space: pre;">foo: !         Bar: ?</span>
 </div>
</div>

position: absolute;导致显示错误，需要进行调整。如何更改此标记以显示与此处相同的内容：http://jsfiddle.net/yHHAL/但不使用position: absolute;？如果必须，元素的顺序可以改变。

Answer 1

使用float: right代替position: absolute。

http://jsfiddle.net/Wexcode/xtzzq/