将行高设置为等于font-size会导致行高度从根本上增加

Question

我认为线条高度会略大于字体大小（约20％）。我所看到的是，我必须将行高设置为低于字体大小，以获得合理的行高。

我需要手动设置行高以进行布局。我做错了什么？

当font-size和line-height相同时，jsfiddle显示巨大的行高。

如果小提琴失败：

HTML：

<h2>Contact Me</h2>
<p>You can Contact Me at sample@smaple.com or use the contact form below:</p>

CSS：

h2 {
    font-size:2em;
    line-height:2em;
    float: left;
    background-color:red;
}
p {
    background-color:yellow;
    font-size:2em;
    line-height:2em;
}