Discussion :

[nicolas.charlot]

Bonjour,

Je ne parviens pas à aligner un texte à droite avec un text-align lorsque j'utilise la propriété display...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
h2{
text-align: right;
display: inline;
}

Merci

[giminik]

la propriété text-align ne s'utilise pas avec les éléments en ligne. ici ce n'est pas le display qui pose problème, c'est le inline.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
h2{
text-align: right;
display: block;
}

ça fonctionne avec display mais ce n'est plus un type en ligne.
il faut donc jouer sur les propriétés du conteneur.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
.conteneur {
text-align:right;
}
h2{
display: inline;
}
 
<div class="conteneur">
<h2>blabla</h2>
</div>

plus d'infos ici : http://w3.org/TR/CSS21/text.html#propdef-text-align

a++

[nicolas.charlot]

Merci...