¿Cómo alineo dos elementos de tramo uno a la izquierda y el otro a la derecha?

Tengo dos elementos: <span>¿Cómo alineo dos elementos de tramo uno a la izquierda y el otro a la derecha?

<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>

Quiero que la primera <span> que está a la izquierda de la página y la segunda <span> a estar en el lado derecho, dependiendo del ancho de página (lo que no puedo usar posicionamiento fijo).

¿Qué CSS puedo usar para hacer esto?

Fuente

2012-02-16 antonpug

La variable css float se usa para posicionar sus elementos.

Las opciones son:

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>

Fuente

2012-02-16 00:53:40

flotadores no contribuyen a la altura del recipiente aunque, por lo que todo se derrumba – Triynko

@Triynko corregir! Cuando está flotando elementos dentro de un contenedor (elemento principal), el contenedor se colapsará, por lo que para evitarlo tiene un par de opciones. Google "solución clara" o simplemente aplicar 'overflow: hidden' a dicho contenedor –

¿Cómo alineo dos elementos de tramo uno a la izquierda y el otro a la derecha?

Respuesta

Cuestiones relacionadas