css - Display inline-block generates a margin-bottom that i can't remove -

i tried every combination of display, float, width/height , set margins , paddings 0 having container display: inline-block generates margin-bottom can remove adding style "margin-bottom: - ... px "

please take @ code, it's basic index.php

anyway i'm open kind of solution, want div ".posts" contain posts if there solutions without "display: inline-block" it's okay me.

thanks in advance

the space seeing space given descender height of letters lowercase y or g when element's display value set inline-block;. treating element text when set display: inline-block;.

to fix, remove display: inline-block; .posts div. doesn't need layout have.