How to remove inline-block extra space above element

I have faced a problem of having an extra space above an element if its display is inline-block in CSS.
I removed the margins and padding but nothing occurs.

To fix this issue, I found that adding 'vertical-align: top;' fixes the problem :)

Hope it helps