如何将一些文本居中并在同一行右对齐更多文本?

roy*_*yco 4 css

我很惊讶这对我来说太难了.我需要一条单行,其中一些文本居中,其余的右对齐:

                          Centered Text                         Right Text
Run Code Online (Sandbox Code Playgroud)

我怀疑这很重要,但"中心文本"需要是一个<div>或者<span>因为我需要用jQuery来操纵它的内容."正确的文字"需要是一个<div>所以我可以将样式应用于它包含的链接.

我已经尝试过了float: left,但我无法让它发挥作用.任何帮助,将不胜感激.

Joh*_*ica 7

<div style="float: right">Right Text</div>
<div style="text-align: center">Centered Text</div>
Run Code Online (Sandbox Code Playgroud)

关键是将浮动元素放在第一位.