> I marked both questions as duplicates of the same question
> https://stackoverflow.com/questions/5078239/how-to-remove-the-space-between-inline-block-elements

Just addressing this choice for the [2nd question][1]:
While both questions make a similar observation - a spacing between `inline-block` elements - both warrant (and have!) different (accepted) answers. The useful answers to the linked question are not useful answers to the 2nd question and as such, we should probably find a better, more similar duplicate (or reopen in case none can be found).

Just for reference...

 - [The linked 'canonical' question asks][2]: How to get rid of a *horizontal* space between `<span>`s? (Answer: hide white-space)

 - [The 2nd 'duplicate' question asks][1]: Why is there a *vertical* gap between 10x10 `<div>`s but not between 20x20 `<div>`s? (Answer: default line-height is 19px)

IMHO the 'canonical' answers [do not fully address the 2nd question][3] (no mention of `line-height` at all).


  [1]: https://stackoverflow.com/questions/43685109/why-does-my-grid-have-a-lot-of-whitespace-between-each-line
  [2]: https://stackoverflow.com/questions/5078239/how-to-remove-the-space-between-inline-block-elements
  [3]: https://stackoverflow.com/help/closed-questions