Subject: CSS Text Align
Posted By: webnitro Post Date: 12/8/2005 6:44:58 AM
is there a way to align text in diffrent places on the same line

i.e.

.ltest {text-align: left}
.rtest {text-align: right}
.ctest {text-align: center}

then

<div class="ltest"><a href="#">Link</a></div>
<div class="ctest">Text</div>
<div class="rtest">Text2</div>

because it dosent work, it ends up putting all 3 on diffrent lines and alighing them ok, i want them all on the same line

Reply By: meow Reply Date: 12/8/2005 7:20:46 AM
You could float ltext and rtest left and right. That requires that both come before ctest in the source. Maybe you don't want that?

Something like this.

.ltest,.rtest   { width: 30% }
.ltest   { float: left; text-align: left }
.rtest   { float: right; text-align: right }
 ctest   { text-align: center}

<div class="ltest"><a href="#">Link</a></div>
<div class="rtest">Text2</div>
<div class="ctest">Text</div>

--
http://yupapa.com
Reply By: webnitro Reply Date: 12/8/2005 7:50:55 AM
that is . . . . . absoutily perfect

thank you for your help!

Reply By: meow Reply Date: 12/8/2005 12:19:51 PM
Glad it worked.

--
http://yupapa.com

Go to topic 37397

Return to index page 420
Return to index page 419
Return to index page 418
Return to index page 417
Return to index page 416
Return to index page 415
Return to index page 414
Return to index page 413
Return to index page 412
Return to index page 411