如何居中某些文本并将同一行上的更多文本右对齐？

我很惊讶，这对我来说非常困难。我需要集中一些文本，其余一行右对齐：如何居中某些文本并将同一行上的更多文本右对齐？

      Centered Text       Right Text

我怀疑这事，但“居中文本”必须是一个<div>或<span>，因为我需要处理其与jQuery的内容。 “正确的文本”需要是<div>，所以我可以将样式应用于它包含的链接。

我试过float: left的事情，但我无法得到它的工作。任何帮助，将不胜感激。

来源

2009-10-10 royco

感谢您的回答。我尝试了一些，并可以让他们孤立地工作。我的问题是，我试图在一个填充了CSS的大文档中做这件事，我没有写。我正在写的区域被封装在几个容器中，每个容器都具有“浮动”属性。也许这是造成我的问题。我的眼睛模糊不清，所以稍后我会以清新的头脑回到这个问题上。 – royco 2009-10-10 21:53:22

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

希望这有助于

来源

2009-10-10 21:00:21 ChrisR

你需要一个容器div与text-align: center，并在其中一个div与float:right：

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

您可以在<span>包裹Centered text，你应该需要。

来源

2009-10-10 21:01:11 RichieHindle

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

关键是首先放置浮动元素。

来源

2009-10-10 21:02:32

居中文本被正确文本取代，请参阅answer @ michael-la-voie http://stackoverflow.com/a/1549073/908936 – razon 2015-06-06 12:12:31

<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>

来源

2009-10-10 21:02:38

如何居中某些文本并将同一行上的更多文本右对齐？

回答

相关问题