Texte et images à centrer

Bonjour à tous,

Cela fait maintenant des heures que je cherche, mais rien y fait !
Je dois faire un site pour un ami, et je souhaiterais pouvoir mettre une image et un texte centré en hauteur (par rapport a l'image) juste à coter le tout au centre de la page web. Or j'ai essayer pas mal de solutions, y compris avec la propriété flex (la, il le centre vraiment à peu près, mais ma div "conteneur" reste collé à gauche de l'écran, et ne veux pas se mettre au milieu de la page). Le résultat qui se rapproche le plus de ce que je souhaite, est en image, sauf que comme on peux le voir, il n'y a qu'une seule partie du texte qui est bien positionné, et le reste va en dessous ! A l'aide.



Voici le code que j'utilise pour l'instant:



Merci de vos futurs réponses,
Bonne journée/soirée à vous.
KerrryKKV

Hello,

Voici un exemple: https://jsfiddle.net/3d9gL5mv/

Bonsoir. Un topic très récent sur le même sujet : lien.

Re,

Un site responsive est un site qui s'affiche correctement quelque soit la taille de l'écran.
Il est possible de d'adapter le contenu en fonction du périphérique utilisé (smartphone, tablette, laptop 13'' ou 16'' ou 17'') avec les média queries en css.

D'où le lien donné plus haut, topic dans lequel j'avais donné une solution (avec un CodePen en plus).
Modifié par Olivier C (16 Aug 2020 - 13:45)