<!doctype html>
<html>
  <head>
    <title>mo stacked glyphs</title>
    <meta charset="utf-8"/>
  </head>
  <body>

    <div style="position: absolute; top: 25px; left: 0; opacity: 0.75;">
      <math>
        <mrow>
          <mo>(</mo>
          <mo>)</mo>
          <mo>{</mo>
          <mo>}</mo>
          <mo>[</mo>
          <mo>]</mo>
          <mo>|</mo>
          <mo stretchy="true">&#x222b;</mo>
          <mspace height="200px" depth="200px"/>
        </mrow>
      </math>
    </div>

    <div style="position: absolute; top: 25px; left: 0; opacity: 0.75;">
      <math>
        <mrow>
          <mo>(</mo>
          <mo>)</mo>
          <mo>{</mo>
          <mo>}</mo>
          <mo>[</mo>
          <mo>]</mo>
          <mo>|</mo>
          <mo stretchy="true">&#x222b;</mo>
          <mspace height="200px" depth="200px"/>
        </mrow>
      </math>
    </div>

    <div style="position: absolute; top: 0px; left: 0; width: 100%; height: 150px; background: red;"></div>
    <div style="position: absolute; top: 200px; left: 0; width: 100%; height: 150px; background: red;"></div>
    <div style="position: absolute; top: 400px; left: 0; width: 100%; height: 150px; background: red;"></div>

  </body>
</html>
