ansaurus

Question

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

Answer 1

+1 A:

<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

ChrisR 2009-10-10 21:00:21

Answer 2

+1 A:

You need a container div with text-align: center, and within it a div with float:right:

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

You can wrap Centered text in a <span>, should you need to.

RichieHindle 2009-10-10 21:01:11

Answer 3

+3 A:

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

The key is putting the floating element first.

John Kugelman 2009-10-10 21:02:32

Answer 4

+1 A:

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

Michael La Voie 2009-10-10 21:02:38

ansaurus

tags:

views:

answers:

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

related questions