Ton conteneur (cadre qui contient image et bloc de texte) doit avoir une hauteur de ligne égale à sa propre hauteur.

Ton bloc de texte doit avoir une hauteur classique et un vertical-align : middle

éventuellement, forcer le code CSS :

.txt{ vertical-align:middle !important; display:inline-block !important; line-height:1.2 !important; text-align:left; !important; }

(edit) hack important et orthaugraphe ;-)


Edité par Larsene - 31 Mar 2016 à 11:08

Larsene a écrit: brolysan a écrit: ma demande d'automatiser sans avoir à retaper le texte serait top !! 200 blocs à faire...haaaa) Plusieurs solutions : 1- Faire et appliquer un modèle de style 2- Faire une classe personnalisée avec le code css et l'appliquer aux éléments Avantage, tu pourras modifier tous les blocs d'un coup (marge plus grange, responsive, etc.)

Larsene a écrit: Dans cet usage, il n'est pas trop possible d'utiliser cette fonctionalité ... Mieux vaut utiliser des éléments distincts, comme on le ferait via un éditeur HTML classique. div, img, span.

j'ai essayé cette méthode Dmit, j'ai mis un cadre avec une largeur de 5px (pour simuler un espace entre mes 2 éléments), puis spécifier une hauteur. Mais après plusieurs tests, je suis obligé de spécifier une hauteur en pixels égal au panneau d'éléments. Du coup, aucun intérêt de l'ajouter. L'idéal aurait été de pouvoir spécifier 100% et donc ainsi, en cas de redimensionnement en hauteur du panneau d'éléments, les 2 autres éléments resterait centré horizontalement.

Larsene a écrit: Il n'est pas possible de centrer un panneau dans un autre ayant une hauteur en pourcentage (c'est impossible en CSS) - sauf avec flexbox. Pour ce faire, il faut utiliser du jQuery pour repositionner l'élément en live. Tu peux utiliser la fonction centrer que je t'ai donnée il y a un moment.