padding-border-margin-004-ref.html (790B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"/> 5 <title>Padding/border/margin on an mi with italic mathvariant (reference)</title> 6 <style> 7 @font-face { 8 font-family: TestFont; 9 src: url("/fonts/math/mathvariant-italic.woff"); 10 } 11 math { 12 font-family: TestFont; 13 font-size: 300px; 14 } 15 </style> 16 <body> 17 <p>This test passes if you see the text <code>1d434</code> in cyan on a blue 18 background, surrounded by a 10px padding, surrounded by a 10px 19 yellow dashed border, itself surrounded by a 10px pink margin.</p> 20 <div style="background: pink; position: absolute; left: 10px; top: 4em;"> 21 <math> 22 <mtext style="background: blue; border: 10px dashed yellow; padding: 10px; margin: 10px; color: cyan;">𝐴</mtext> 23 </math> 24 </div> 25 </body> 26 </html>