creare un div con due allineamenti diversi

[shadyz]

ho fatto un div di questo genere

<div id="contenitore">


<a>sinistra</a> | <a>destra</a></p>
</div>

e gli attributi sono:

#contenitore {
	width: 500px;
	background-color: black;
}

#contenitore p {
	text-align: left;
	padding: 4px;
}

io vorrei che "sinistra" fosse allineato a sinistra e che "destra" fosse allineato a destra. Ma come faccio a mettere due allineamenti diversi nello stesso div? Grazie.

[Sgro]

Non ho ben capito cosa vuoi ottenere, ma credo questo :

        <div style="width : 500px; background-color : Black; color : White; position : relative; text-align : center;">
            

<a style="left : 0; position : absolute;">tutto schermo</a> | <a style="right : 0; position : absolute;">contatti</a></p>
        </div>

Fammi sapere, ciao

[Mich_]

Di default il tag <a> non e` un blocco, e non puo` venir spostato a piacimento.
Potresti trasformarlo in blocco (come implicitamente suggerito da Sgro), ma poi non potrebbe stare dentro un



Puoi posizionare due

come desideri:

<div id="contenitore">
  <p class="sin"><a>sinistra</a></p>
  <p class="des"><a>destra</a></p>
  <p class="clr"> </p>
</div>

Da posizionare tramite il CSS:

#contenitore {
	width: 500px;
	background-color: black;
}
#contenitore .sin {
	float: left;
	text-align: left;
	padding: 4px;
}
#contenitore .des {
	float: right;
	text-align: right;
	padding: 4px;
}
#contenitore .clr {
	clear: both;
	height: 0;      /* per renderlo invisibile */
	font-size: 0;   /* serve solo per IE */
	padding: 0; margin:0;
}

[shadyz]

ho provato il primo e funziona. grazie