Discussion :

[Prue]

Voilà j'ai un morceau de code comme ça

Code :

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

1
2
3
4
<dl>
  <dt>Mon texte super long qui tient sur deux lignes</dt>
  <dd>Mon petit texte</dd>
</dl>

L'affichage ressemble à ça

Mon texte super long qui Mon petit texte
tient sur deux lignes

Et j'aimerais que "Mon petit texte" soit aligné sur la ligne de "tient sur deux lignes".

C'est à dire que j'ai besoin d'aligner verticalement le contenu de mon dd sur le bas de mon dt.
Le problème, c'est que mon texte est dynamique et donc je ne peux pas prévoir à l'avance si le contenu de mon dt va passer sur plusieurs lignes ni sur combien de ligne donc pas question de tricher avec des margin ou des padding.

J'ai donc essayer avec des vertical-align:bottom mais rien y fait.

Quelqu'un a-t-il une idée qui pourrait me sauver ?
Merci d'avance

[mdr_cedrick]

je ne peux pas tester de suite mais essaye de mettre un display:table-cell sur ton <dd> afin de lui donner les propriétés d'une cellule de tableau et ensuite rajoute lui le vertical-align:....

[Prue]

Merci pour le conseil mais malheureusement ça ne fonctionne pas