J'ai du texte avec text-align: justify; la propriété est héritée dans les liens et autres éléments en ligne imbriqués dans ce texte. Je veux définir un autre mode d'alignement du texte pour certains d'entre eux, par exemple text-align: center; mais je ne peux pas. Firebug montre que le style du parent est remplacé, mais que l'élément inline imbriqué est toujours justifié. J'ai observé ce comportement étrange dans de nombreux navigateurs différents et il est évident qu'ils font cela par spécification ? Est-ce vraiment une question de conception ? Comment contourner ce problème ?
EDIT : Quelques exemples de code. Le span avec ID=span1 ne peut pas définir son propre alignement de texte. Il devrait être aligné à droite, mais il est centré à la place. En expérimentant, j'ai remarqué que les éléments en ligne ne peuvent pas définir d'alignement de texte du tout. C'est très étrange.
<html>
<head>
<style type="text/css">
#cubic { width: 495px; height: 200px; background-color: green; text-align: center}
#span1 {text-align: right; color: red}
</style>
</head>
<body>
<p id="cubic">
<span id="span1">This is span 1</span>
</p>
</body>
</html>
