<!doctype html>
<html>
  <head>
    <title>vertical alignment</title>
    <meta charset="utf-8"/>
  </head>
  <body>

    <math>
      <msubsup>
        <mn>0</mn>
        <mrow><mspace width="10px" height="10px" mathbackground="red"/><mspace width="10px" height="10px"/></mrow>
        <mspace width="20px" height="10px" mathbackground="blue"/>
      </msubsup>
      <msubsup>
        <mn>0</mn>
        <mspace width="20px" height="10px" mathbackground="blue"/>
        <mrow><mspace width="10px" height="10px" mathbackground="red"/><mspace width="10px" height="10px"/></mrow>
      </msubsup>
      <mmultiscripts>
        <mn>0</mn>
        <mrow><mspace width="10px" height="10px" mathbackground="red"/><mspace width="10px" height="10px"/></mrow>
        <mspace width="20px" height="10px" mathbackground="blue"/>
        <mspace width="20px" height="10px" mathbackground="blue"/>
        <mrow><mspace width="10px" height="10px" mathbackground="red"/><mspace width="10px" height="10px"/></mrow>
        <mprescripts/>
        <mrow><mspace width="10px" height="10px"/><mspace width="10px" height="10px" mathbackground="red"/></mrow>
        <mspace width="20px" height="10px" mathbackground="blue"/>
        <mspace width="20px" height="10px" mathbackground="blue"/>
        <mrow><mspace width="10px" height="10px"/><mspace width="10px" height="10px" mathbackground="red"/></mrow>$
      </mmultiscripts>
    </math>

  </body>
</html>
