<!doctype html>
<html>
  <head>
    <title>positions of scripts</title>
    <meta charset="utf-8"/>
  </head>
  <body>

    <!-- Testing post subscript -->
    <p style="position: absolute; left: 0; top: 0;">
      <math>
        <mspace height="50px" depth="50px"/>
        <mmultiscripts>
          <mspace width="20px" height="10px" depth="10px" mathbackground="blue"/>
          <mspace width="10px" height="10px" mathbackground="magenta"/>
          <none/>
        </mmultiscripts>
      </math>
    </p>
    <p style="position: absolute; left: 15px; top: 10px;">
      <math>
        <mspace height="50px" depth="50px"/>
        <mrow>
          <mspace width="20px" height="10px" depth="10px" mathbackground="black"/>
        </mrow>
      </math>
    </p>

    <!-- Testing post superscript -->
    <p style="position: absolute; left: 100px; top: 0;">
      <math>
        <mspace height="50px" depth="50px"/>
        <mmultiscripts>
          <mspace width="20px" height="10px" depth="10px" mathbackground="blue"/>
          <none/>
          <mspace width="10px" height="10px" mathbackground="magenta"/>
        </mmultiscripts>
      </math>
    </p>
    <p style="position: absolute; left: 115px; top: -10px;">
      <math>
        <mspace height="50px" depth="50px"/>
        <mrow>
          <mspace width="20px" height="10px" depth="10px" mathbackground="black"/>
        </mrow>
      </math>
    </p>

    <!-- Testing pre subscript -->
    <p style="position: absolute; left: 200px; top: 0;">
      <math>
        <mspace height="50px" depth="50px"/>
        <mmultiscripts>
          <mspace width="20px" height="10px" depth="10px" mathbackground="blue"/>
          <mprescripts/>
          <mspace width="10px" height="10px" mathbackground="magenta"/>
          <none/>
        </mmultiscripts>
      </math>
    </p>
    <p style="position: absolute; left: 195px; top: +10px;">
      <math>
        <mspace height="50px" depth="50px"/>
        <mrow>
          <mspace width="20px" height="10px" depth="10px" mathbackground="black"/>
        </mrow>
      </math>
    </p>

    <!-- Testing pre postscript -->
    <p style="position: absolute; left: 300px; top: 0;">
      <math>
        <mspace height="50px" depth="50px"/>
        <mmultiscripts>
          <mspace width="20px" height="10px" depth="10px" mathbackground="blue"/>
          <mprescripts/>
          <none/>
          <mspace width="10px" height="10px" mathbackground="magenta"/>
        </mmultiscripts>
      </math>
    </p>
    <p style="position: absolute; left: 295px; top: -10px;">
      <math>
        <mspace height="50px" depth="50px"/>
        <mrow>
          <mspace width="20px" height="10px" depth="10px" mathbackground="black"/>
        </mrow>
      </math>
    </p>

    <!-- Testing the leftmost pre subscript and rightmost post superscript -->
    <p style="position: absolute; left: 0; top: 100px;">
      <math>
        <mspace height="50px" depth="50px"/>
        <mmultiscripts>
          <mspace width="20px" height="10px" depth="10px" mathbackground="blue"/>
          <mspace width="10px" depth="10px" mathbackground="orange"/>
          <mspace width="10px" height="10px" mathbackground="green"/>
          <mspace width="10px" depth="10px" mathbackground="green"/>
          <mspace width="10px" height="10px" mathbackground="magenta"/>
          <mprescripts/>
          <mspace width="10px" depth="10px" mathbackground="magenta"/>
          <mspace width="10px" height="10px" mathbackground="green"/>
          <mspace width="10px" depth="10px" mathbackground="green"/>
          <mspace width="10px" height="10px" mathbackground="orange"/>
        </mmultiscripts>
      </math>
    </p>
    <p style="position: absolute; left: -5px; top: 120px;">
      <math>
        <mspace height="50px" depth="50px"/>
        <mrow>
          <mspace width="20px" height="10px" depth="10px" mathbackground="black"/>
        </mrow>
      </math>
    </p>
    <p style="position: absolute; left: 45px; top: 90px;">
      <math>
        <mspace height="50px" depth="50px"/>
        <mrow>
          <mspace width="20px" height="10px" depth="10px" mathbackground="black"/>
        </mrow>
      </math>
    </p>

    <!-- Testing the leftmost pre superscript and rightmost post subscript -->
    <p style="position: absolute; left: 100px; top: 100px;">
      <math>
        <mspace height="50px" depth="50px"/>
        <mmultiscripts>
          <mspace width="20px" height="10px" depth="10px" mathbackground="blue"/>
          <mspace width="10px" depth="10px" mathbackground="green"/>
          <mspace width="10px" height="10px" mathbackground="orange"/>
          <mspace width="10px" depth="10px" mathbackground="magenta"/>
          <mspace width="10px" height="10px" mathbackground="green"/>
          <mprescripts/>
          <mspace width="10px" depth="10px" mathbackground="green"/>
          <mspace width="10px" height="10px" mathbackground="magenta"/>
          <mspace width="10px" depth="10px" mathbackground="orange"/>
          <mspace width="10px" height="10px" mathbackground="green"/>
        </mmultiscripts>
      </math>
    </p>
    <p style="position: absolute; left: 95px; top: 90px;">
      <math>
        <mspace height="50px" depth="50px"/>
        <mrow>
          <mspace width="20px" height="10px" depth="10px" mathbackground="black"/>
        </mrow>
      </math>
    </p>
    <p style="position: absolute; left: 145px; top: 120px;">
      <math>
        <mspace height="50px" depth="50px"/>
        <mrow>
          <mspace width="20px" height="10px" depth="10px" mathbackground="black"/>
        </mrow>
      </math>
    </p>

  </body>
</html>
