<!DOCTYPE html>
<html class="reftest-wait">
  <head>
    <title>Test MathML rowalign</title>
    <script type="text/javascript">
      function doTest()
      {
        var table1 = document.getElementById("table1");
        var table2 = document.getElementById("table2");
        var table3 = document.getElementById("table3");

        // Table 1 setup
        table1.setAttribute("rowalign", "top");
        // Table 2 setup
        table2.setAttribute("rowalign", "center");
        // Table 3 setup
        table3.setAttribute("rowalign", "bottom");

        document.documentElement.removeAttribute("class");
      }
      window.addEventListener("MozReftestInvalidate", doTest, false);
    </script>
  </head>
  <body>
    <b>rowalign="top"</b> <br/>
    <math>
      <mstyle>
        <mtable id="table1">
          <mtr>
            <mtd>
              <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
            </mtd>
            <mtd>
              <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
            </mtd>
            <mtd>
              <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
            </mtd>
          </mtr>
          <mtr>
            <mtd>
              <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
            </mtd>
            <mtd>
              <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
            </mtd>
            <mtd>
              <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
            </mtd>
          </mtr>
          <mtr>
            <mtd>
              <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
            </mtd>
            <mtd>
              <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
            </mtd>
            <mtd>
              <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
            </mtd>
          </mtr>
        </mtable>
      </mstyle>
    </math> <br />
    <b>rowalign="center"</b> <br />
    <math>
      <mstyle>
        <mtable id="table2">
          <mtr>
            <mtd>
              <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
            </mtd>
            <mtd>
              <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
            </mtd>
            <mtd>
              <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
            </mtd>
          </mtr>
          <mtr>
            <mtd>
              <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
            </mtd>
            <mtd>
              <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
            </mtd>
            <mtd>
              <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
            </mtd>
          </mtr>
          <mtr>
            <mtd>
              <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
            </mtd>
            <mtd>
              <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
            </mtd>
            <mtd>
              <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
            </mtd>
          </mtr>
        </mtable>
      </mstyle>
    </math> <br />
    <b>rowalign="bottom"</b> <br />
    <math>
      <mstyle>
        <mtable id="table3">
          <mtr>
            <mtd>
              <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
            </mtd>
            <mtd>
              <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
            </mtd>
            <mtd>
              <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
            </mtd>
          </mtr>
          <mtr>
            <mtd>
              <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
            </mtd>
            <mtd>
              <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
            </mtd>
            <mtd>
              <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
            </mtd>
          </mtr>
          <mtr>
            <mtd>
              <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
            </mtd>
            <mtd>
              <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
            </mtd>
            <mtd>
              <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
            </mtd>
          </mtr>
        </mtable>
      </mstyle>
    </math>
  </body>
</html>