Discussion :

[Poulpynette]

Bonjour,

Après maintes recherches, je sèche sur un problème qui me paraît pourtant simple.

Je souhaite centrer verticalement un texte et une image de la façon suivante (dans un div par exemple, mais peu importe le conteneur) : cf pièce jointe

J'ai testé la méthode suivante qui consiste à mettre l'image et le texte dans le même conteneur (un div par exemple) :

Code :

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

1
2
3
4
5
6
7
8
.conteneur span {
	display: inline-block;
	vertical-align: middle;
}
.conteneur img {
	display: inline-block;
	vertical-align: middle;
}

Cette méthode fonctionne très bien. Mais dans mon cas j'ai besoin d'un

Code :

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

float:right;

sur l'image pour qu'elle s'affiche complètement à droite, et là ça ne marche plus. J'ai testé plein de possibilités (mettre 2 div, jouer sur la largeur, etc ...) mais je ne m'en sors pas.

Si quelqu'un connaît une solution simple ^^