Doble alineación en un DIV

[junter]

Hola,

Estoy intentando crear un <div> de forma que muestren unos enlaces a la izquierda y otros a la derecha. Por ejemplo:

-------------------------------------------------------------------------------------------------------------------------------
enlace1 enlace2 enlace3 .................................................. .......................................... enlace4 enlace5
-------------------------------------------------------------------------------------------------------------------------------

Pero o bien se va todo a la izquierda o todo a la derecha o si utilizo dos divs no quedan bien, no se cómo formatearlo.

Con tablas y un par de columnas sería fácil, pero prefiero utilizar solo divs.

[aloqui]

Puedes usar dos divs, el primero con text-align:left + float:left y el segundo con text-align:right

[JavierB]

Hola junter

A ver si te sirve esto:

Código:

<div>
<p id="iz">izquierda</p><p id="der">derecha</p>
</div>

Con estos estilos:

Código:

div p {display: inline; float: left; width:50%}
#iz {text-align: left}
#der {text-align: right}

Saludos,

[junter]

Gracias a las dos respuestas.

Las dos funcionan aunque la solución de aloqui descoloca algunos divs que tengo abajo y la de javierb al ser <p> el párrafo desplaza hacia abajo el texto.

[aloqui]

Iniciado por junter

Gracias a las dos respuestas.

Las dos funcionan aunque la solución de aloqui descoloca algunos divs que tengo

Prueba entonces a englobarlos dentro de otro div
<div>
<div id="iz">Links de la izda</div>
<div id="der">Links de la dcha</div>
<div>

[junter]

Así es como lo tengo hecho pero no se por qué afecta a los divs de abajo.

Retocándolos un poco parece que está funcionando.

Gracias de nuevo!!