Bonjour,
Je cherche en vain une solution pour centrer en hauteur une image se trouvant dans un texte. Actuellement, elle est alignée en pied. Si quelqu'un peut m'aider, ce serait super.
Le code :
Les CSS :
Bonne journée
P.
Je cherche en vain une solution pour centrer en hauteur une image se trouvant dans un texte. Actuellement, elle est alignée en pied. Si quelqu'un peut m'aider, ce serait super.
Le code :
<h4>Textes provenant en partie d'une thèse (auteur inconnu) et d'un papier de Claude Speisser (59club.fr), le tout remanié par <a href="https://banana.fr/" target="_blank"><img class="banana" src="images/banana.png" alt="logo banana </a> pour le site.</h4>
Les CSS :
.banana{height:1em; display : inline; object-fit: cover; position: relative;
-webkit-animation: logoAp 3s 1;
-moz-animation: logoAp 3s 1;
-ms-animation: logoAp 3s 1;
-o-animation: logoAp 3s 1;
animation: logoAp 3s 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;}
.banana:hover
{
margin-top: 0%;
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
}
Bonne journée
P.