Hello everyone, I’m newbie designer and today I get some problems that white-space under image. Hope anyone can suggest me. Thank for reading.
Check my code here:
http://codepen.io/anon/pen/etJCf
An oldie, but a goodie! You can cure that either with
img {display: block;}
or
img {vertical-align: bottom;}
The reason it happens is that, by default, images align with the baseline of any text that might sit beside them (images being inline elements by default).
thank for your support. It solved my problem.
You’re welcome. I think it’s the first question I ever asked in a forum, and I remember how frustrating and confusing that white space was!
PS—Thanks for providing a nice clear CodePen example. 
So I remind your memory 
Indeed.