| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"/> |
| <title>display attribute VS legacy mode attribute</title> |
| <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-top-level-math-element"> |
| <link rel="help" href="https://www.w3.org/TR/MathML3/chapter2.html#id.2.2.2"> |
| <link rel="match" href="display-2-ref.html"/> |
| <meta name="assert" content="Verify that the legacy mode attribute has no effect."> |
| </head> |
| <body> |
| <p>Test passes if you see four green squares, the last one |
| centered and the others left-aligned.</p> |
| <p> |
| <math mode="inline"> |
| <mspace width="100px" height="100px" style="background: green"></mspace> |
| </math> |
| </p> |
| <p> |
| <math mode="display"> |
| <mspace width="100px" height="100px" style="background: green"></mspace> |
| </math> |
| </p> |
| <p> |
| <math display="inline" mode="display"> |
| <mspace width="100px" height="100px" style="background: green"></mspace> |
| </math> |
| </p> |
| <p> |
| <math display="block" mode="inline"> |
| <mspace width="100px" height="100px" style="background: green"></mspace> |
| </math> |
| </p> |
| <script src="/mathml/support/feature-detection.js"></script> |
| <script>MathMLFeatureDetection.ensure_for_match_reftest("has_mspace");</script> |
| </body> |
| </html> |