Alinear elementos dentro de DIV

[Rosencrantz]

Bueno siempre e deseado hace esto sin recurrir a tablas, lo que necesito es dentro de un elemento como un <span> por ejemplo tener dos <span>, uno que quede en el extremo izquierdo del div y el otro en el extremo derecho del mismo, hasta ahora siempre lo hacia con tablas pero me gustaria saber si es posible hacerlo usando solo css.

Este es el codigo de lo que me gustaria hacer.

Código PHP:

  <div>
  <span>Contenido alineado a la izquierda</span>
  <span>Contenido alineaod a la derecha</span>
</div> 
   

Gracias de antemano

[Carlangueitor]

Hola,

float: left; y float: right; es alinear a la izquierda y a la derecha. Y creo que lo mejor debería ser que usases etiquetas de párrafo en lugar de los span.

Saludos

[CCB]

Quizas esto te ayude, pero no te recomiendo trabajar con SPAN

O sino prueba con P en vez de DIV

Código CSS:

#div_contenido {width:400px; height:200px;}
#div_izq {width:200px; float:left; text-align:left;}
#div_der {width:200px; float:right; text-align:right;}
 

y en tu web pones

Código HTML:

<div id="div_contenido">
<div id="div_izq">Texto a la Izquierda aqui</div>
<div id="div_der">Texto a la Derecha aqui</div>
</div> 

[MarcosiPhone]

Iniciado por CCB

Quizas esto te ayude, pero no te recomiendo trabajar con SPAN

O sino prueba con P en vez de DIV

Código CSS:

#div_contenido {width:400px; height:200px;}
#div_izq {width:200px; float:left; text-align:left;}
#div_der {width:200px; float:right; text-align:right;}
 

y en tu web pones

Código HTML:

<div id="div_contenido">
<div id="div_izq">Texto a la Izquierda aqui</div>
<div id="div_der">Texto a la Derecha aqui</div>
</div> 

Esta respuesta te debería funcionar

[Rosencrantz]

Agradezco mucho sus respuestas, de seguro seguire sus sugerencias, pero, porque es preferible trabajar con elementos como <div> o <p> en vez de hacerlo con <span>?

[faiverson]

Perdon que reviva un hilo tan viejo pero me parece que no lo puedo dejar asi para aquel que no sabe y lo lee.

Rosencrantz no es preferible trabajar con <div> o <p> que con <span>, <span> es muy util, a lo que se refieren es al concepto que encierran dichos tags en si.
Para encerrar textos conceptualmente (o sea que lo podes hacer con otras etiquetas pero no seria lo optimo) como el del ejemplo que mostras es preferible usar <p> que significa 'parrafo'. Tampoco seria bueno usar <div> ya que su significado seria algo asi como 'contenedor'. Hacer el HTML leible conceptualmente ayuda a los bots de los buscadores.
<span> se utiliza mas para darle estilos particulares al texto, por ejemplo si queres darle a un pedazo de tu parrafo el color rojo y cambiarle la letra, lo podrias poner con <span>

Tu ejemplo no esta mal y no te va a dar errores, pero conceptualmente es incorrecto.

Lo otro que te plantean es cambiar el div por un p que tampoco estaria mal porque conceptualmente estaria bien encaminado.