<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>msub/msup/msubsup/mmultiscripts subscriptshift and superscriptshift attributes</title>
    <link rel="help" href="https://www.w3.org/TR/MathML3/chapter3.html#presm.msub">
    <link rel="help" href="https://www.w3.org/TR/MathML3/chapter3.html#presm.msup">
    <link rel="help" href="https://www.w3.org/TR/MathML3/chapter3.html#presm.msunsup">
    <link rel="help" href="https://www.w3.org/TR/MathML3/chapter3.html#presm.mmultiscripts">
    <link rel="help" href="https://w3c.github.io/mathml-core/#subscripts-and-superscripts-msub-msup-msubsup">
    <link rel="help" href="https://w3c.github.io/mathml-core/#prescripts-and-tensor-indices-mmultiscripts">
    <link rel="match" href="subsup-legacy-scriptshift-attributes-001.tentative-ref.html">
  </head>
  <body>
    <p>Test passes if the green squares are not about 300px away from the blue squares.</p>
    <p>
      <math>
        <mmultiscripts subscriptshift="300px" superscriptshift="300px">
          <mspace width="30px" height="30px" style="background: blue;"></mspace>
          <mspace width="10px" height="10px" style="background: lightgreen;"></mspace>
          <mspace width="10px" height="10px" style="background: lightgreen;"></mspace>
          <mprescripts/>
          <mspace width="10px" height="10px" style="background: lightgreen;"></mspace>
          <mspace width="10px" height="10px" style="background: lightgreen;"></mspace>
        </mmultiscripts>
        <msub subscriptshift="300px">
          <mspace width="30px" height="30px" style="background: blue;"></mspace>
          <mspace width="10px" height="10px" style="background: lightgreen;"></mspace>
        </msub>
        <msup superscriptshift="300px">
          <mspace width="30px" height="30px" style="background: blue;"></mspace>
          <mspace width="10px" height="10px" style="background: lightgreen;"></mspace>
        </msup>
        <msubsup subscriptshift="300px" superscriptshift="300px">
          <mspace width="30px" height="30px" style="background: blue;"></mspace>
          <mspace width="10px" height="10px" style="background: lightgreen;"></mspace>
          <mspace width="10px" height="10px" style="background: lightgreen;"></mspace>
        </msubsup>
      </math>
    </p>
    <script src="/mathml/support/feature-detection.js"></script>
    <script>
      MathMLFeatureDetection.ensure_for_match_reftest("has_mspace");
      MathMLFeatureDetection.ensure_for_match_reftest("has_msubsup");
      MathMLFeatureDetection.ensure_for_match_reftest("has_mmultiscripts");
    </script>
  </body>
</html>
