How do I align two span elements one to the left, the other one to the right?

I have two <span> elements:

<span>©2012 XYZ Corp. All Rights Reserved.</span> <span>Built with <a href="">Wordpress</a> and hosted by <a href="">(mt)</a> in California.</span> 

I want the first <span> to be on the left of the page and the second <span> to be on the right side, regardless of page width (so I can't use fixed positioning).

What CSS can I use to do this?

1 Answer

The css variable float is used to position your elements.

The options are:

float:left; float:right; float:none; 

<span>©2012 XYZ Corp. All Rights Reserved.</span> <span>Built with <a 

Here is working example:

<span>©2012 XYZ Corp. All Rights Reserved.</span> <span>Built for example</span>