Line height unexpectedly causes height to be higher
<p>In this fiddle, if you inspect the nav element, you will see that the computed height of the nav element is 61px. I expect it to be 60px. Why is it 61?</p>

<p><a href="https://jsfiddle.net/p2kgpfqr/" rel="nofollow">https://jsfiddle.net/p2kgpfqr/</a></p>

<pre><code>&lt;body&gt;
  &lt;nav&gt;
    &lt;a&gt;bkaksfd&lt;/a&gt;
    &lt;a&gt;kkwaekfwae&lt;/a&gt;
  &lt;/nav&gt;
&lt;/body&gt;
</code></pre>