Text Aligned to Left & Right

Get Help With All Aspects of Web Design & Design Software

Moderators: Moderator, Global Moderator

Post Reply
Josh
Hero Member
Hero Member
Posts: 4627
Joined: Fri Jun 04, 2004 2:54 pm

Text Aligned to Left & Right

Post by Josh »

ok, so here I am on the VERY last part of getting the KF css all done and I run into a problem.

I want to align text to the left and right.. It\'s the header of the news.. It has \'Welcome\' in it and underneath it it says, \'Introduction to KillaFonts\' yet I want it to be align to the right side of the \'Welcome\' text... Anyone have a clue of how to do this?

What I\'ve got so far: [url=\"http://josh.killagraphix.com/kf/KFTest.htm\"]http://josh.killagraphix.com/kf/KFTest.htm[/url]
The CSS File: [url=\"http://josh.killagraphix.com/kf/theme.css\"]http://josh.killagraphix.com/kf/theme.css[/url]

Thanks in advance!
~Josh
Last edited by Josh on Fri Dec 03, 2004 3:36 am, edited 1 time in total.
[align=center]

Image

“If you stop learning, you stop living.” ~Tami Quiring

“It's the rare man who understands the value of a single perfect rose.”

[/align]
Josh
Hero Member
Hero Member
Posts: 4627
Joined: Fri Jun 04, 2004 2:54 pm

Text Aligned to Left & Right

Post by Josh »

ok, I got it thanks to redrum.

For anyone wanting to acheive this and need help here\'s how to do it:

[code].Right {
 float: right;
 text-align: right;
}
.Left {
 float: left;
 text-align: left;
}[/code]

Then use:

[code]<div class="Left">Aligned Left &</div><div class="Right">aligned right all on the same line</div>[/code]

Example:

<div style=\"float: left; text-align: left;\">Aligned Left &</div><div style=\"float: right; text-align: right;\">aligned right all on the same line</div>
[align=center]

Image

“If you stop learning, you stop living.” ~Tami Quiring

“It's the rare man who understands the value of a single perfect rose.”

[/align]
Post Reply

Return to “Web Design Principles”