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 7:54 am

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 Thu Dec 02, 2004 7:36 pm, 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 7:54 am

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: Select all

.Right {
  float: right;
  text-align: right;
}
.Left {
  float: left;
  text-align: left;
}
Then use:

Code: Select all

<div class="Left">Aligned Left &</div><div class="Right">aligned right all on the same line</div>
Example:

Aligned Left &aligned right all on the same line
[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”