frac-numalign-denomalign-001.html (2124B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Fraction numalign denomalign</title> 6 <link rel="help" href="https://w3c.github.io/mathml-core/#fractions-mfrac"> 7 <meta name="assert" content="Check that legacy numalign/denomalign attributes are ignored."> 8 <link rel="match" href="frac-numalign-denomalign-001-ref.html"> 9 </head> 10 <body> 11 <p>This test passes if you see 6 fractions with numerators and 12 denominators horizontally centered.</p> 13 <p> 14 <math> 15 <mfrac numalign="left"> 16 <mspace width="10px" height="20px" style="background: blue;"></mspace> 17 <mspace width="30px" height="20px" style="background: cyan;"></mspace> 18 </mfrac> 19 </math> 20 <math> 21 <mfrac numalign="center"> 22 <mspace width="10px" height="20px" style="background: blue;"></mspace> 23 <mspace width="30px" height="20px" style="background: cyan;"></mspace> 24 </mfrac> 25 </math> 26 <math> 27 <mfrac numalign="right"> 28 <mspace width="10px" height="20px" style="background: blue;"></mspace> 29 <mspace width="30px" height="20px" style="background: cyan;"></mspace> 30 </mfrac> 31 </math> 32 </p> 33 <p> 34 <math> 35 <mfrac denomalign="left"> 36 <mspace width="30px" height="20px" style="background: cyan;"></mspace> 37 <mspace width="10px" height="20px" style="background: blue;"></mspace> 38 </mfrac> 39 </math> 40 <math> 41 <mfrac denomalign="center"> 42 <mspace width="30px" height="20px" style="background: cyan;"></mspace> 43 <mspace width="10px" height="20px" style="background: blue;"></mspace> 44 </mfrac> 45 </math> 46 <math> 47 <mfrac denomalign="right"> 48 <mspace width="30px" height="20px" style="background: cyan;"></mspace> 49 <mspace width="10px" height="20px" style="background: blue;"></mspace> 50 </mfrac> 51 </math> 52 </p> 53 <script src="/mathml/support/feature-detection.js"></script> 54 <script>MathMLFeatureDetection.ensure_for_match_reftest("has_mfrac");</script> 55 </body> 56 </html>