Question

How can I accomplish this without using an absolutely positioned span?

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

The position: absolute; is causing display errors and needs to be adjusted. How can change this markup to show the same as here: http://jsfiddle.net/yHHAL/ but without using position: absolute;? The order of the elements can change if they have to.

Answer 1

Use float: right instead of your position: absolute.

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