display: inline-block の下の隙間がどうしても消せなかった件

ブロック要素を、inline-block にしたら、なぜか下に余白ができてしまった。

margin でも padding でもない。

inline-block を block などにするとそんな余白はできないのに、inline-block も inline-flex も言うことを聞かない

あっちこっち探してみたら、どうやらこれはブロックの下のラインと、インラインのベースラインの位置の関係に問題があるようで、vertical-align を topまたはbottom に設定することによって解消されました

誰かが解説してくれていなかったら一生解決できんわヽ(`Д´)ノプンプン