green-100px-square.xht">
<meta name="flags" content="ahem">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
  #grid {
    display: grid;
    font: 100px/1 Ahem;
  }

  #test-item-overlapping-green {
    color: green;
    order: 1;
  }

  #reference-item-overlapped-red {
    color: red;
    order: -1;
  }

  .first-row-first-column {
    grid-area: 1 / 1;
  }
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>

<div id="grid">
  <div id="test-it