font-size - line-height を font-size と同じに設定すると、行の高さが大幅に増加します

Question

行の高さは、font-size よりもわずかに大きい (約 20%) という印象を受けました。代わりに私が見ているのは、適切な行の高さを得るために、行の高さをフォントサイズよりも低く設定する必要があるということです。

レイアウトのために手動で行の高さを設定する必要があります。私は何を間違っていますか？

font-size と line-height が同じ場合、巨大な 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;
}