HTML - Aligning Text On The Same Line

I want to align some text on opposite sides of the same line, ie: (but obviously without the underscore)

<<<previous_____________________________________________________________ next>>>

and I'm not sure how as if I just use p align, the "next" will be one line below the "previous"... any suggestions?

thank you!

I'm trying to position text, links and pictures to follow one after the other, but it doesn't work.


I want to see

"Homepage" on the left corner of my webpage
"Next" on the right corner of my webpage

Unfortunately this command doesn't work properly.

<div style="text-align:left;solid 2px #ff0000;"><a href="F:\Webcomic\Website Folder\NWvisuals-Index.html"> Home</a> <p align=right><a href="F:\Webcomic\TheEyeoftheWorld3.html">Next</a></div></p>

It makes the "Next" go down a line, instead of being in the same line of the "Homepage".



Also, on that vein, is there any way I can align images and text on the same line without using spaces*?

As in:

<p align="left">Hello</p> <p align="center">Hello</p> <p align="right">Hello</p>

But they all should stay on the same line. Any guides, or even links to tutorial about my issue would be appreciated. I've been trying to google for a while, it's becoming frustrating.


*I think the problem with spaces is that people with different resolution would see the text in different places than I want them to see.

I get how to align two sections of text, one at the left of screen and one on the right, but how do I put this line at the bottom of the screen? I tried pretty much every combination now, bottom:0, vertical-align:bottom, vertical-align:text-bottom, with and without a parent div container, nothing works! The moment I try to put the line of text at the bottom of the screen the left/right alignment would be messed up or it wouldn't show at all. It seems html only allows you to align it left/right OR bottom/top, but not both?
Any help is appreciated.

This is what I have so far:

Code:

HTML:
<div style="clear:both;" id="bottom">
  <p class="left">Text to go on left.</p>
  <p class="right">Text to go on right.</p>
</div>

CSS:
#bottom {
bottom:0;
}
.left {
float: left;
}
.right {
float: right;
}

How do I align the 2 flash objects on this page to the same line?

website is www.gpostal.net

I can seem to get the 2 flash objects on the same line

Man I have such a hard time with this and I have come across it again. Please see the screen shot below. In the red box you will see 2 check boxes. I want those check boxes moved up there where the text is that says "Move text up here".

Here is the code for that fieldset...

Code:

<fieldset>
     <legend>Default Picture</legend>
      <input name="imagefile1" type="file"> 
         <div class="checkBoxes">
            <input id="default" type="checkbox"> Set as Default<br>
            <input id="default" type="checkbox"> Remove Picture
         </div>
     </fieldset>

Here is the CSS for the checkBoxes Class...

Code:

.checkBoxes {
  float: right;
}

Is their anyone that can help me out with this? I would post a link but the page is in a password protected area so it is restricted.

-Thanks