Alignement de balises dans une div

Bonjour,

Je rencontre un problème surlequel je planche depuis un certain temps et que je n'arrive pas à resoudre..j'espère que vous allez pouvoir m'aider.

Voilà le bout de code dans le fichier html :

<div class="titre"> 
 <h1><em>>></em>Dossier thématique...</h1>
<h2><a href="" title="" class="maj">Titre</a></h2>
</div>

et le bout de css correspondant :

/* titre */

div.titre {
margin:0 0 2px 0;
padding:0;

}
div.titre h1, div.titre h2 {
display:inline; /* pour les aligner */
}

div.titre h1, div.titre h1 em, div.titre h2 a {
font-family: Verdana;
font-weight : bold;
}


div.titre h1 {
font-size:10px;
color : #2362ab;
text-align:left;
padding:0;
margin:0;
}

div.titre h1 em{
padding-right:10px;
}

div.titre h2{
text-align:right;
padding:0;
margin:0;

}

div.titre h2 a {
font-size:10px;
text-decoration : none;

}

Voilà le rendu en réel des différentes div avec le détecteur Firebug (je peux pas vous envoyer tout le fichier car ce sont des trucs de boulot)

=> div.titre


=> div.h1


=> div.h2

Et en fait, le problème est que je n'arrive pas à mettre le h2 aligné à droite de la div.titre ...Si je mets text-align:right; dans la div.titre, tout est aligné à droite...bref, je ne parviens pas à dissocier le h1 du h2 au niveau de l'alignement.

Merci pour votre aide !
Modifié par louloute8091 (14 Jan 2009 - 17:44)

Et quel est la question ?
Modifié par Yasashii (14 Jan 2009 - 15:29)

Yasashii a écrit :
Et quel est la question ?

Désolée j'avais validé sans faire exprès tout à l'heure..je reprends mon post pour le compléter

voilà c'est bon