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