为什么div的高度是我指定的两倍？

Question

以下是我为展示问题而创建的codepen。

.blt-header {
  background-color: yellow;
  height: 204px;
  color: green;
  font-size: 30px;
}

<div class="blt-header">
  This is blt-header Why height is 408px when I specify it to be 204px?
</div>

你能帮我找出高度错误的原因吗？我指定的两次。

这是一张图片：