integration-point-2.html (2521B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"/> 5 <title>MathML as a phrasing content</title> 6 <link rel="help" href="https://w3c.github.io/mathml-core/#html-and-svg"> 7 <link rel="match" href="integration-point-2-ref.html"/> 8 <meta name="assert" content="Verify that MathML can be used at positions where phrasing content is accepted."> 9 <style type="text/css"> 10 span, math { font-family: monospace; font-size: 10px; } 11 div { 12 color: green; 13 } 14 span.redsquare { 15 display: inline-block; 16 width: 10px; 17 height: 10px; 18 background: red; 19 } 20 mspace { 21 background: green; 22 } 23 </style> 24 </head> 25 <body> 26 <p>Test passes if there is a green square and no red.</p> 27 28 <div> 29 30 <div style="position: absolute; background: green; width: 300px; height: 300px;"> 31 <p><span class="redsquare"></span></p> 32 <h1><span class="redsquare"></span></h1> 33 <h2><span class="redsquare"></span></h2> 34 <ul> 35 <li><span class="redsquare"></span></li> 36 </ul> 37 <ol> 38 <li><span class="redsquare"></span></li> 39 </ol> 40 <table><tr><td><span class="redsquare"></span></td></tr></table> 41 <a href="#id"><span class="redsquare"></span></a> 42 <em><span class="redsquare"></span></em> 43 <strong><span class="redsquare"></span></strong> 44 <small><span class="redsquare"></span></small> 45 <span><span class="redsquare"></span></span> 46 <u><span class="redsquare"></span></u> 47 <q><span class="redsquare"></span></q> 48 </div> 49 <div style="position: absolute; width: 400px;"> 50 <p><math><mspace width="10px" height="10px"/></math></p> 51 <h1><math><mspace width="10px" height="10px"/></math></h1> 52 <h2><math><mspace width="10px" height="10px"/></math></h2> 53 <ul> 54 <li><math><mspace width="10px" height="10px"/></math></li> 55 </ul> 56 <ol> 57 <li><math><mspace width="10px" height="10px"/></math></li> 58 </ol> 59 <table><tr><td><math><mspace width="10px" height="10px"/></math></td></tr></table> 60 <a href="#id"><math><mspace width="10px" height="10px"/></math></a> 61 <em><math><mspace width="10px" height="10px"/></math></em> 62 <strong><math><mspace width="10px" height="10px"/></math></strong> 63 <small><math><mspace width="10px" height="10px"/></math></small> 64 <span><math><mspace width="10px" height="10px"/></math></span> 65 <u><math><mspace width="10px" height="10px"/></math></u> 66 <q><math><mspace width="10px" height="10px"/></math></q> 67 </div> 68 69 </div> 70 71 </body> 72 </html>