28220 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un élément de dt de 85px de height, de façon à y faire rentrer une image en background.

Je veux centrer verticalement le texte du dt, qui en fait fait une ou deux lignes.

J'ai essayé :
dl {vertical-align: middle}
puis
dt {vertical-align: middle}

puis, j'ai mis le texte entre span
dt span {vertical-align: middle}

Rien ne marche.

Seule solution, mais pas satisfaisante :
dt span {position: relative; top: 30px}

Avez-vous plus malin à me proposer ?

MERCI d'avance.
MERCI de vos réponses.

Dominique,
text-align: center
va agir sur le centrage horizontal du texte, mais pas sur le vertical, c'est certain !

Raphaël, merci de tes liens, il me semble que la solution proposée est d'utiliser line-height, sauf que dans mon cas le texte peut tirer sur deux lignes, donc un gros line-height (de 85px en l'occurence) est impossible.

L'autre solution est le position-relative que j'utilise, mais ça m'étonne quand même qu'il n'y ait pas une autre astuce...