absolutely-positioned-001.html (1318B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"/> 5 <title>Absolutely positioned</title> 6 <link rel="help" href="https://w3c.github.io/mathml-core/#layout-algorithms"> 7 <link rel="help" href="https://w3c.github.io/mathml-core/#layout-of-mrow"> 8 <link rel="match" href="absolutely-positioned-001-ref.html"/> 9 <meta name="assert" content="Verify visual rendering of absolutely positioned mtext elements."> 10 <body> 11 <p>Test passes if you see a green square and no red.</p> 12 <div style="position: absolute; left: 100px; top: 100px;"> 13 <math> 14 <mrow> 15 <mspace width="100px" height="300px" style="background: green"/> 16 <mspace width="100px" height="300px" style="background: red"/> 17 <mspace width="100px" height="300px" style="background: green"/> 18 <mtext style="position: absolute; left: 100px; top: 0px;"><span style="display: inline-block; width: 50px; height: 300px; background: green"></span></mtext> 19 <mtext style="position: absolute; left: 150px; top: 0px;"><span style="display: inline-block; width: 50px; height: 150px; background: green"></span></mtext> 20 <mtext style="position: absolute; left: 150px; top: 150px;"><span style="display: inline-block; width: 50px; height: 150px; background: green"></span></mtext> 21 </mrow> 22 </math> 23 </div> 24 </body> 25 </html>