html image centre mais garde peu de marge inférieure?

Question

J'ai juste un petit problème avec une marge inférieure de l'image. Je ne comprends pas pourquoi en dessous de l'image, nous avons un peu d'espace avec le menu. Quelqu'un peut m'expliquer pourquoi? Je veux coller mon menu avec mon image mais je ne peux pas et je ne sais pas pourquoi. Comme vous pouvez le voir dans mon violon, j'ai déjà essayé de mettre marge, padding, border = 0 mais pas de changement.

Voici mon exemple: https://fiddle.jshell.net/3s6dv7rk/

Answer 1

Ajouter affichage bloc sur l'image

display: block; 

Answer 2

Vérifiez ce violon: https://fiddle.jshell.net/3s6dv7rk/1/

Essayez ceci:

<img style="width:100px;height:40px;display: flex;" alt="Ludo et Béné"/>