Essai sa sinon :
HTML :
<div id="gauche">a ma gauche</div>
<div id="droite">a ma droite</div>

CSS:
#gauche{
float: left;
color: blue;
}

#droite{
float: right;
color: red;
}

voila ^^
La nouveauté ne peut que nous améliorer...

Ca marche pas vraiment, en plus avec la balise div, tu reviens a la ligne, je voudrais que sa soit sur la meme ligne ... C'est bizzar ...

<span> n'est pas une balise de type bloc. Tu ne pourra donc pas lui attribuer de placement avec text-align.
Tu pourra le faire sur les balises <div> ou <p> par contre. Je dirai que <p> serai plus approprié dans ton cas.
Les balises de type bloc prennent automatiquement la largeur maximal selon l'espace qu'elle ont. C'est pour ça que tu peux lui donné une valeur d'alignement.
Si t'a 700px de place elle va prendre cette place (sauf si tu lui attribut une largeur avec un width). Le texte se placera donc dedans.
<span> permet juste de mettre du style du texte sélectionné. Il n'y aucune notion de largeur (width) ou hauteur (height).

J'espère t'avoir éclairé sur le sujet. « La recherche commence là où s'arrête la connaissance. »

Si ton css est:

#droite{ 
float: right; 
color: red; 
}

.droit{}

Salut!
En fait j'ai trouver une solution tres simple
CSS :
.droite{
text-align=right;
}
HTML :
<table border="0" width="100%">
<tr><td width=50%> TEXT</td>
<td width=50% class="droite"> TEXT</td>
</tr>
</table>

Et du coup tu utilises 15 balises HTML alors que tu peux le faire avec une seule...

As tu essayé le code CSS que je t'ai mis précédemment ? « La recherche commence là où s'arrête la connaissance. »

Oui oui ! Mais il faut ce soit sur la même ligne, et si je met <p id="droite">text</p>
ca revient a la ligne;)
Mais ca marche tres tres bien avec la table

J'ai fait un test concret. En fait il y a une petite subtilité pour utiliser le float;right visiblement.
J'ai testé:

<div>
<p class="text">text</p>
<p class="droite">ceci est a droite</p>
</div>

div{width:300px;margin:10px auto;}
p{margin:0px;padding:0px;}
p.text{margin-right:100px;}
p.droite{float:right;width:70px;}

<div>
<p class="droite">ceci est a droite</p>
<p class="text">text</p>
</div>