html - インライン ブロックと垂直方向の整列による奇妙な垂直方向の間隔

Question

インライン ブロック要素の上で垂直方向の中央揃えを使用すると、奇妙な間隔の問題が発生します。親コンテナを拡張する上部の 2px マージンのようなものです。デフォルトの垂直方向の配置では、要素の上にスペースが発生せず、親コンテナーは展開されません。問題を示すために例を作成しました：

http://cdpn.io/BKndk

ご協力ありがとうございました。