How to center some text and right-align more text on same line?

Question

I'm surprised that this has been so difficult for me. I need a single line with some text centered and the rest right-justified:

                          Centered Text                         Right Text

I doubt this matters, but "Centered Text" needs to be a <div> or <span> since I need to manipulate its content with jQuery. "Right Text" needs to be a <div> so I can apply styles to links it contains.

I've tried to float: left things, but I can't get it working. Any help would be appreciated.

Answer 1

<div style="float: right">Right Text</div>
<div style="text-align: center">Centered Text</div>

The key is putting the floating element first.