Bonjour à tous,

Mon souhait est de placer à la droite d'une page une image et, en dessous, sa légende, de manière à ce que la légende ne déborde pas en largeur de l'image, et que la partie principale "enveloppe" le bloc image-légende.

Chacun des 2 objectifs est accessible séparément :
- div à droite, avec float-end
- non débord de largeur, avec d-flex dans le parent, et flex-grow-0 dans la div.

Par contre, les deux à la fois, ça ne fonctionne plus.

Dans ce codepen, le 1er objectif n'est pas atteint, même si l'inspecteur de code ne signale aucune anomalie pour le "float: right !important;".

Existe-t-il une solution pour parvenir à l'effet voulu ? Merci de votre aide.