html 이미지 센터가 있지만 아래쪽 여백은 거의 유지하지 않습니까?

Question

이미지 하단 여백에 약간 문제가 있습니다.

왜 이미지 아래에 메뉴가 없는지 이해가 가지 않습니다. 왜 누군가가 나를 설명 할 수 있니? 나는 나의 메뉴를 나의 이미지와 함께 찔리고 싶다. 그러나 나는 할 수 없다. 그리고 나는 이유를 모른다.

내 피들에서 볼 수 있듯이, 나는 이미 margin, padding, border = 0을 넣으려고했지만 변경은하지 않았습니다. 여기

내 예 : https://fiddle.jshell.net/3s6dv7rk/

Answer 1

이미지에 표시 블록을 추가

display: block; 

Answer 2

확인이 바이올린 : https://fiddle.jshell.net/3s6dv7rk/1/

이 시도 :

이

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