html - インラインブロックとそのコンテナの間の追加のギャップ

Question

私のコードは

HTML：

<div id = "container">
  <div id = "content">
      Text
  </div>
</div>

CSS：

div {
  border: 1px solid;
}

#container {
   display: block;
   width: 100%;
   height: 60px;
   margin: 0;
   padding: 0;
   font-size: 24px;
}

#content {
   display: inline-block;
   vertical-align: middle;
}

ライブデモ：jsFiddle

：jsFiddleとセンタリングdiv：jsFiddleにもline-height: 60px同じ問題があります

Answer 1

font-size: 0;親コンテナと子用に設定しfont-size: your_size;ます。

変更された例：http：//jsfiddle.net/Ry2DY/2/