Envie de comprendre

Y a un truc que je pige pas, et j'aimerais comprendre, pas de problème, mais juste pour ma culture :

Si je fais :

<div class="cont">
	<span>Voici du texte à gauche</span>
        <span class="right">Et du texte à droite</span>
</div>

Avec :

.cont {
padding : 0;
margin-left : 0;
border-bottom : 1px solid #919191; 
text-align : left;	 
}
.cont .right {	 	
float : right;
}

Avec ce code mon texte de droite sort de mon bloc 'cont', il se place bien à droite mais en dessous.

Ensuie j'inverse tout comme ça :

<div class="cont">
	<span class="left">Voici du texte à gauche</span>
        <span>Et du texte à droite</span>
</div>

.news_title {
padding : 0;
margin-left : 0;
border-bottom : 1px solid #919191; 
text-align : right;	 
font-weight : bold;
}		   
.cont .left {	 	
float : left;
}

La ça fonctionne, j'ai juste inversé mon

text-align : left; 

par

text-align:right; 

et mon

float : right; 

par

float : left;

que je place sur mon ellement de gauche évidement, pourquoi le premier ne fonctionne pas ?? Je n'ai pas rélement de problème, j'utilise la deuxième solution mais j'aimerais comprendre.

Merci
Modifié par vincenzo (10 May 2005 - 17:39)