Come allineare due elementi di span uno a sinistra, l'altro a destra?

Question

Ho due <span> elementi:

<span style="margin-right:auto;">©2012 XYZ Corp. All Rights Reserved.</span> 
<span style="margin-left:auto;">Built with <a href="http://www.wordpress.org/">Wordpress</a> and hosted by <a href="http://www.mediatemple.net/">(mt)</a> in California.</span> 

voglio il primo <span> ad essere sul lato sinistro della pagina e il secondo <span> di essere sul lato destro, indipendentemente dalla larghezza della pagina (quindi non posso usare posizionamento fisso).

Quale CSS posso usare per fare questo?

Answer 1

La variabile css float viene utilizzata per posizionare gli elementi.

Le opzioni sono:

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

---

<span style="float:left;">©2012 XYZ Corp. All Rights Reserved.</span> 

<span style="float:right;">Built with <a href="http://www.wordpress.org/">Wordpress</a> and hosted by <a href="http://www.mediatemple.net/">(mt)</a> in California.</span>