title: How do I align two span elements one to the left, the other one to the right?
body: <p>I have two <code>&lt;span&gt;</code> elements:</p>
  
  <pre><code>&lt;span style="margin-right:auto;"&gt;©2012 XYZ Corp. All Rights Reserved.&lt;/span&gt;
  &lt;span style="margin-left:auto;"&gt;Built with &lt;a href="http://www.wordpress.org/"&gt;Wordpress&lt;/a&gt; and hosted by &lt;a href="http://www.mediatemple.net/"&gt;(mt)&lt;/a&gt; in California.&lt;/span&gt;
  </code></pre>
  
  <p>I want the first <code>&lt;span&gt;</code> to be on the left of the page and the second <code>&lt;span&gt;</code> to be on the right side, regardless of page width (so I can't use fixed positioning).</p>
  
  <p>What CSS can I use to do this?</p>