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

margin でも padding でもない。

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

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

誰かが解説してくれていなかったら一生解決できんわヽ(`Д´)ﾉﾌﾟﾝﾌﾟﾝ