Two Texts Aligned to Seperate Edges

Dear WebForumz Members:

I would like to have some text aligned to the left side of the screen while at the same time have another thing of text on the same line aligned to the right side of the screen. I've tried using tables and setting the width attribute to "100%," however, I am using CSS to create columns and therefore 100% isn't actually 100%... I need 100% minus 150px. Is there any method you can think of to do this? I have listed the webpage URL below:

http://WiseWizards.tripod.com/Webmasters.html

*** I currently have the table with a width attribute of "80%." ***

Regards,
Mike

Here you go:

This is the CSS:

Code: Select all

#wrapper {width:100%;}
#left {float:left;}
#right {float:right;}

And here is the HTML:

Code: Select all

<div id="wrapper">
<span id="left">Left Text</span><span id="right">Right Text</span>
</div>

While this is pretty basic, it does what you requested. Try it out and let us know how it works.

Thank you very much for your help! I will try out the code and be sure to reply if I have any questions, problems, etc.

Regards,
Mike

You're welcome :wink:

Success! Thank you again for your help, the script worked perfectly! ^_^

Regards,
Mike