<!-- quirks mode -->
<html>
<head>
  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
  <link rel="help" href="https://quirks.spec.whatwg.org/#the-line-height-calculation-quirk">
  <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1686326">
  <link rel="match" href="line-height-ref.html">
  <meta name="assert" content="The test passes if the blue box has no scrollbar and you see the word PASS">
<style>
html,body {
  color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
}

.wrapper {
  overflow: auto;
  border: solid blue;
}
</style>
</head>
<body>
  <div class="wrapper">
    <div style="border:50px solid lightgrey"></div>
    <span style="margin-top: -100px; display: inline-block">PASS</span>
  </div>
</body>
</html>