Comment centrer du texte et aligner à droite plus de texte sur la même ligne?

Je suis surpris que cela ait été si difficile pour moi. J'ai besoin d'une seule ligne avec un texte centré et le reste justifié à droite:Comment centrer du texte et aligner à droite plus de texte sur la même ligne?

      Centered Text       Right Text

Je doute cette question est importante, mais « Texte Centré » doit être un <div> ou <span> depuis que je dois manipuler son contenu avec jQuery. "Right Text" doit être un <div> afin que je puisse appliquer des styles aux liens qu'il contient.

J'ai essayé de float: left choses, mais je ne peux pas le faire fonctionner. Toute aide serait appréciée.

Source

2009-10-10 royco

Merci pour les réponses à ce jour. J'en ai essayé quelques-uns et je peux les amener à travailler de façon isolée. Mon problème est que j'essaye de faire ceci dans un document plus grand rempli de CSS que je n'ai pas écrit. La zone à laquelle j'écris est entourée de plusieurs conteneurs, chacun avec des propriétés 'float'. Peut-être que cela cause mon problème. Mes yeux sont flous, alors je reviendrai plus tard avec un nouvel esprit. – royco

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

Hope this helps

Source

2009-10-10 21:00:21 ChrisR

Vous avez besoin d'un conteneur div avec text-align: center, et dans un div avec float:right:

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

Vous pouvez envelopper Centered text dans un <span>, si vous avez besoin.

Source

2009-10-10 21:01:11 RichieHindle

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

La clé consiste à placer l'élément flottant en premier.

Source

2009-10-10 21:02:32

Texte centré déplacé par Texte à droite, voir réponse @ michael-la-voie http://stackoverflow.com/a/1549073/908936 – razon

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

Source

2009-10-10 21:02:38

Comment centrer du texte et aligner à droite plus de texte sur la même ligne?

Répondre

Questions connexes