Bonjour 

Voilà déjà quelques heures que je me casse la tête, je vais essayer d'être claire. 

J'ai essayé d'aligner une image et du texte, j'y suis finalement parvenu avec la propriété float. Cependant 

lorsque j'essaye d'appliquer une bordure à l'ensemble je n'arrive pas à obtenir le résultat souhaité. 

Déjà un problème se pose, la "fenêtre de texte doit être aussi large que l'image, la pareil avec du bricolage j'ai réussi à m'en sortir (j'ai ajouté des</br> sur mon html et utilisé la propriété line-height. Mais ce n'est que du bricolage. 

L'objectif final étant de lier les deux "packs avec une bordure histoire de dégager une résultat beaucoup plus claire et d'obtenir un rectangle net avec image et texte. il faudrait que quelque soit l'endroit ou ma sourie se trouve sur le rectangle, la propriété hover se déclenche.  

Merci d'avance pour votre aide bienveillante ! 

-
Edité par MargauxLLL 16 novembre 2018 à 0:22:46

Hello,

Faudrait poster tes codes html et css, mieux faire codepen ou jsfiddle

As-tu regardé du côté du modèle Flex ou css grid (grille css)

Salut,

</br> ça n'existe pas.

Ton problème vient de ce que le float sort du flux.
Pour remédier à ça il suffit de mettre un overflow:hidden au parent de ton texte et image.

Mais Lucky à raison, sans ton code difficile de t'aider.