width-height-003.html (3163B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>content position with width/height</title> 6 <link rel="match" href="width-height-003-ref.html"> 7 <link rel="help" href="https://w3c.github.io/mathml-core/#layout-algorithms"> 8 <link rel="help" href="https://w3c.github.io/mathml-core/#underscripts-and-overscripts-munder-mover-munderover"> 9 <meta name="assert" content="Verify the inline-start and block-start edges of the math content box for the munder, mover, munderover, msub, msup, msubsup, multiscripts layout algorithms."/> 10 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 11 <style> 12 body, math { 13 font: 25px/1 Ahem; 14 color: black; 15 } 16 .test { 17 margin: .5em; 18 } 19 .box { 20 width: 7em; 21 height: 3em; 22 border: 1px solid blue; 23 } 24 </style> 25 </head> 26 <body> 27 28 <div class="test"> 29 <math> 30 <munder class="box"> 31 <mtext>X</mtext> 32 <mtext>X</mtext> 33 </munder> 34 </math> 35 <math dir="rtl"> 36 <munder class="box"> 37 <mtext>X</mtext> 38 <mtext>X</mtext> 39 </munder> 40 </math> 41 </div> 42 43 <div class="test"> 44 <math> 45 <mover class="box"> 46 <mtext>X</mtext> 47 <mtext>X</mtext> 48 </mover> 49 </math> 50 <math dir="rtl"> 51 <mover class="box"> 52 <mtext>X</mtext> 53 <mtext>X</mtext> 54 </mover> 55 </math> 56 </div> 57 58 <div class="test"> 59 <math> 60 <munderover class="box"> 61 <mtext>X</mtext> 62 <mtext>X</mtext> 63 <mtext>X</mtext> 64 </munderover> 65 </math> 66 <math dir="rtl"> 67 <munderover class="box"> 68 <mtext>X</mtext> 69 <mtext>X</mtext> 70 <mtext>X</mtext> 71 </munderover> 72 </math> 73 </div> 74 75 <div class="test"> 76 <math> 77 <msub class="box"> 78 <mtext>X</mtext> 79 <mtext>X</mtext> 80 </msub> 81 </math> 82 <math dir="rtl"> 83 <msub class="box"> 84 <mtext>X</mtext> 85 <mtext>X</mtext> 86 </msub> 87 </math> 88 </div> 89 90 <div class="test"> 91 <math> 92 <msup class="box"> 93 <mtext>X</mtext> 94 <mtext>X</mtext> 95 </msup> 96 </math> 97 <math dir="rtl"> 98 <msup class="box"> 99 <mtext>X</mtext> 100 <mtext>X</mtext> 101 </msup> 102 </math> 103 </div> 104 105 <div class="test"> 106 <math> 107 <msubsup class="box"> 108 <mtext>X</mtext> 109 <mtext>X</mtext> 110 <mtext>X</mtext> 111 </msubsup> 112 </math> 113 <math dir="rtl"> 114 <msubsup class="box"> 115 <mtext>X</mtext> 116 <mtext>X</mtext> 117 <mtext>X</mtext> 118 </msubsup> 119 </math> 120 </div> 121 122 <div class="test"> 123 <math> 124 <mmultiscripts class="box"> 125 <mtext>X</mtext> 126 <mtext>X</mtext> 127 <mtext>X</mtext> 128 <mtext>X</mtext> 129 <mtext>X</mtext> 130 <mprescripts/> 131 <mtext>X</mtext> 132 <mtext>X</mtext> 133 </mmultiscripts> 134 </math> 135 <math dir="rtl"> 136 <mmultiscripts class="box"> 137 <mtext>X</mtext> 138 <mtext>X</mtext> 139 <mtext>X</mtext> 140 <mtext>X</mtext> 141 <mtext>X</mtext> 142 <mprescripts/> 143 <mtext>X</mtext> 144 <mtext>X</mtext> 145 </mmultiscripts> 146 </math> 147 </div> 148 149 </body> 150 </htmL>