floating-inside-mathml-with-block-display.html (886B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>floating inside display: block MathML</title> 6 <link rel="help" href="https://w3c.github.io/mathml-core/#css-styling"> 7 <link rel="match" href="floating-inside-mathml-with-block-display-ref.html"/> 8 <meta name="assert" content="Verify that float works within a display: block MathML element."> 9 </head> 10 <body> 11 <p>Test passes if you see a blue square on the left and a smaller magenta square on the right.</p> 12 <math> 13 <mrow style="display: block"> 14 <mspace style="display: inline-block; width: 50px; height: 50px; background: magenta"/><mspace style="float: left; display: inline-block; width: 100px; height: 100px; background: blue"/> 15 </mrow> 16 </math> 17 <script src="/mathml/support/feature-detection.js"></script> 18 <script>MathMLFeatureDetection.ensure_for_match_reftest("has_mspace");</script> 19 </body> 20 </html>