<!doctype html>
<meta charset=utf-8>
<title>CSS test Reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
div {
  font-size: 20px;
  font-family: Ahem;
  line-height: 1em;
  white-space: pre-wrap;
}
#test { color: orange; }
#ref { color: blue; }
</style>

<p>This test passes if the orange blocks below are vertically aligned with the blue ones.

<div id=test>X  X  X  X</div>
<div id=ref>X  X  X  X</div>