Css 如何将一些文本居中并将更多文本右对齐到同一行？_Css

Css 如何将一些文本居中并将更多文本右对齐到同一行？

css

Css 如何将一些文本居中并将更多文本右对齐到同一行？,css,Css,我很惊讶这对我来说如此困难。我需要一行文字居中，其余部分右对齐： Centered Text Right Text 我怀疑这一点，但“中心文本”必须是或，因为我需要用jQuery操作它的内容。“右文本”必须是，这样我就可以将样式应用于它包含的链接我曾尝试过float:left东西，但我无法让它工作。任何帮助都将不胜感激。 <div style="float: left; width: 6

我很惊讶这对我来说如此困难。我需要一行文字居中，其余部分右对齐：

                          Centered Text                         Right Text

我怀疑这一点，但“中心文本”必须是

或

，因为我需要用jQuery操作它的内容。“右文本”必须是

，这样我就可以将样式应用于它包含的链接

我曾尝试过

float:left

东西，但我无法让它工作。任何帮助都将不胜感激。


<div style="float: left; width: 65%; text-align: center">
    centered
</div>
<div style="float: left; width: 35%; text-align: justify">
    justified
</div>

居中的
正当的

希望这有帮助

您需要一个带有

文本对齐：居中的容器div
，其中有一个带有浮动：右的div
：
<div style='text-align: center'>
<div style='float:right'>Right Text</div>
Centered text
</div>


右文本
居中文本

如果需要，您可以将居中文本
包装在
中。
右文本
<div style="float: right">Right Text</div>
<div style="text-align: center">Centered Text</div>

居中文本

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

<html>
    <body>
        <div style="background-color: #EEEEEE;">
            <div style="float: right;">Right Text</div>
            <div style="width: 100px; margin: 0 auto;">
                Centered Text
            </div>
        </div>
    </body>
</html>

右文本
居中文本
感谢您迄今为止的回答。我试过一些，可以让它们单独工作。我的问题是，我试图在一个更大的文档中实现这一点，该文档中填充了我没有编写的CSS。我要写的区域包含在几个容器中，每个容器都具有“float”属性。也许这就是我的问题所在。我的眼睛模糊不清，所以我稍后会带着全新的思维回到这个问题上。中心文本被右侧文本替换，请参阅答案@michael la voie