display: inline-blockで出来ることがある上下の隙間への対処

css-tricks.com

ここを見ると早い。

こうやって上下に隙間ができてしまうのを、このように解除できる。

display: inline-blockになっている階層の上に、

    font-size: 0px; /* display: inline-block で出来る上下の隙間へ対処 */

と書いてあげると、消せます。

どこで効くのかは、Developer Toolとかで見ながらやるといいかもしれません。まだ掴みきれていないです。