Résolu Centrer verticalement une image

[xting]

Bonsoir

j'aimerai centrer mon image verticalement
c'est une balise <img>

Merci

 

[Lyrix]

Bonsoir

j'aimerai centrer mon image verticalement
c'est une balise <img>

Merci

Salut,

La solution est "vertical-align : middle" couplé avec "display : inline-block".

Code HTML :

<div class="align_image">
   <img src="fichier.png" alt="" /><span>Le texte</span>
</div>

Code CSS :

.align_image img, .align_image span {
  vertical-align: middle;
  display: inline-block;
}

 

[Maxence²]

Bonsoir,

Il te faudra utiliser vertical-align comme argument middle.
Par contre si tu voudras mettre plusieurs images à côté, il faudra annuler l'effet "block" et donc mettre un inline-block (display: inline-block)...

Voilà,
Salut !

 

[xting]

Salut,

La solution est "vertical-align : middle" couplé avec "display : inline-block".

Code HTML :

<div class="align_image">
   <img src="fichier.png" alt="" /><span>Le texte</span>
</div>

Code CSS :

.align_image img, .align_image span {
  vertical-align: middle;
  display: inline-block;
}

sa ne marche pas,
elle reste tjs en haut à gauche

 

[xting]

J'aimerai que le logo soit centrer comme google

 

[Guklam]

<div class="center">
<img src="#" alt="">
</div>

.center {
margin: 0 auto;
}