embellished-operator-dynamic-001-ref.html (2329B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Embellished operators - tree change and relayout (reference)</title> 6 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 7 <style> 8 math, math * { 9 font: 25px/1 Ahem; 10 } 11 mn { 12 color: black; 13 } 14 mo { 15 color: blue; 16 } 17 </style> 18 </head> 19 <body> 20 <p>There should be the five 1em squares on the same line, with colors 21 black, orange, blue, orange, black:</p> 22 <math display="block"> 23 <mrow style="background: yellow"> 24 <mn>1</mn> 25 <mrow style="background: orange"> 26 <mrow id="change_to_non_embellished_operator"> 27 <mrow> 28 <mo lspace="1em" rspace="1em">X</mo> 29 </mrow> 30 <mn></mn> 31 </mrow> 32 </mrow> 33 <mn>2</mn> 34 </mrow> 35 </math> 36 37 <p>There should be the five 1em squares on the same line, with colors 38 black, yellow, blue, yellow, black:</p> 39 <math display="block"> 40 <mrow style="background: yellow"> 41 <mn>3</mn> 42 <mrow style="background: orange"> 43 <mrow id="change_to_embellished_operator"> 44 <mrow> 45 <mo lspace="1em" rspace="1em">X</mo> 46 </mrow> 47 </mrow> 48 </mrow> 49 <mn>4</mn> 50 </mrow> 51 </math> 52 53 <p>There should be the five 1em squares on the same line, with colors 54 black, orange, blue, orange, black:</p> 55 <math display="block"> 56 <mrow style="background: yellow"> 57 <mn>5</mn> 58 <mrow style="background: orange"> 59 <mrow> 60 <mrow> 61 <mo lspace="1em" rspace="1em">X</mo> 62 </mrow> 63 </mrow> 64 <mrow id="change_to_not_space_like"> 65 <mspace></mspace> 66 <mtext></mtext> 67 <mn></mn> 68 </mrow> 69 </mrow> 70 <mn>6</mn> 71 </mrow> 72 </math> 73 74 <p>There should be the five 1em squares on the same line, with colors 75 black, yellow, blue, yellow, black:</p> 76 <math display="block"> 77 <mrow style="background: yellow"> 78 <mn>7</mn> 79 <mrow style="background: orange"> 80 <mrow> 81 <mrow> 82 <mo lspace="1em" rspace="1em">X</mo> 83 </mrow> 84 <mrow id="change_to_space_like"> 85 <mspace></mspace> 86 <mtext></mtext> 87 </mrow> 88 </mrow> 89 </mrow> 90 <mn>8</mn> 91 </mrow> 92 </math> 93 94 </body> 95 </html>