blob: 2c9cf23da685560d3ae4ba62566d55bec9a1140d [file] [log] [blame]
<!DOCTYPE html><!-- webkit-test-runner [ CoreMathMLEnabled=false ] -->
<html>
<head>
<meta charset="utf-8">
<title>Fraction numalign denomalign</title>
<meta name="assert" content="This fraction alignment with the numalign/denomalign attributes.">
<link rel="match" href="frac-numalign-denomalign-001-ref.html">
</head>
<body>
<p>This test passes if you see 3 fractions with a numerator respectively
aligned left/center/right with respect to the denominator ;
followed by 3 fractions with a denominator respectively aligned
left/center/right with respect to the numerator.</p>
<p>
<math>
<mfrac numalign="left">
<mspace width="10px" height="20px" style="background: blue;"></mspace>
<mspace width="30px" height="20px" style="background: cyan;"></mspace>
</mfrac>
</math>
<math>
<mfrac numalign="center">
<mspace width="10px" height="20px" style="background: blue;"></mspace>
<mspace width="30px" height="20px" style="background: cyan;"></mspace>
</mfrac>
</math>
<math>
<mfrac numalign="right">
<mspace width="10px" height="20px" style="background: blue;"></mspace>
<mspace width="30px" height="20px" style="background: cyan;"></mspace>
</mfrac>
</math>
</p>
<p>
<math>
<mfrac denomalign="left">
<mspace width="30px" height="20px" style="background: cyan;"></mspace>
<mspace width="10px" height="20px" style="background: blue;"></mspace>
</mfrac>
</math>
<math>
<mfrac denomalign="center">
<mspace width="30px" height="20px" style="background: cyan;"></mspace>
<mspace width="10px" height="20px" style="background: blue;"></mspace>
</mfrac>
</math>
<math>
<mfrac denomalign="right">
<mspace width="30px" height="20px" style="background: cyan;"></mspace>
<mspace width="10px" height="20px" style="background: blue;"></mspace>
</mfrac>
</math>
</p>
</body>
</html>