width-height-003-ref.html (3419B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>content position with width/height (reference)</title> 6 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 7 <style> 8 body, math { 9 font: 25px/1 Ahem; 10 color: black; 11 } 12 .test { 13 margin: .5em; 14 } 15 .box { 16 width: 7em; 17 height: 3em; 18 border: 1px solid blue; 19 display: inline-block; 20 } 21 .center { 22 text-align: center; 23 } 24 </style> 25 </head> 26 <body> 27 28 <div class="test"> 29 <div class="box center"> 30 <math> 31 <munder> 32 <mtext>X</mtext> 33 <mtext>X</mtext> 34 </munder> 35 </math> 36 </div> 37 <div class="box center" dir="rtl"> 38 <math dir="rtl"> 39 <munder> 40 <mtext>X</mtext> 41 <mtext>X</mtext> 42 </munder> 43 </math> 44 </div> 45 </div> 46 47 <div class="test"> 48 <div class="box center"> 49 <math> 50 <mover> 51 <mtext>X</mtext> 52 <mtext>X</mtext> 53 </mover> 54 </math> 55 </div> 56 <div class="box center" dir="rtl"> 57 <math dir="rtl"> 58 <mover> 59 <mtext>X</mtext> 60 <mtext>X</mtext> 61 </mover> 62 </math> 63 </div> 64 </div> 65 66 <div class="test"> 67 <div class="box center"> 68 <math> 69 <munderover> 70 <mtext>X</mtext> 71 <mtext>X</mtext> 72 <mtext>X</mtext> 73 </munderover> 74 </math> 75 </div> 76 <div class="box center" dir="rtl"> 77 <math dir="rtl"> 78 <munderover> 79 <mtext>X</mtext> 80 <mtext>X</mtext> 81 <mtext>X</mtext> 82 </munderover> 83 </math> 84 </div> 85 </div> 86 87 <div class="test"> 88 <div class="box"> 89 <math> 90 <msub> 91 <mtext>X</mtext> 92 <mtext>X</mtext> 93 </msub> 94 </math> 95 </div> 96 <div class="box" dir="rtl"> 97 <math dir="rtl"> 98 <msub> 99 <mtext>X</mtext> 100 <mtext>X</mtext> 101 </msub> 102 </math> 103 </div> 104 </div> 105 106 <div class="test"> 107 <div class="box"> 108 <math> 109 <msup> 110 <mtext>X</mtext> 111 <mtext>X</mtext> 112 </msup> 113 </math> 114 </div> 115 <div class="box" dir="rtl"> 116 <math dir="rtl"> 117 <msup> 118 <mtext>X</mtext> 119 <mtext>X</mtext> 120 </msup> 121 </math> 122 </div> 123 </div> 124 125 <div class="test"> 126 <div class="box"> 127 <math> 128 <msubsup> 129 <mtext>X</mtext> 130 <mtext>X</mtext> 131 <mtext>X</mtext> 132 </msubsup> 133 </math> 134 </div> 135 <div class="box" dir="rtl"> 136 <math dir="rtl"> 137 <msubsup> 138 <mtext>X</mtext> 139 <mtext>X</mtext> 140 <mtext>X</mtext> 141 </msubsup> 142 </math> 143 </div> 144 </div> 145 146 <div class="test"> 147 <div class="box"> 148 <math> 149 <mmultiscripts> 150 <mtext>X</mtext> 151 <mtext>X</mtext> 152 <mtext>X</mtext> 153 <mtext>X</mtext> 154 <mtext>X</mtext> 155 <mprescripts/> 156 <mtext>X</mtext> 157 <mtext>X</mtext> 158 </mmultiscripts> 159 </math> 160 </div> 161 <div class="box" dir="rtl"> 162 <math dir="rtl"> 163 <mmultiscripts> 164 <mtext>X</mtext> 165 <mtext>X</mtext> 166 <mtext>X</mtext> 167 <mtext>X</mtext> 168 <mtext>X</mtext> 169 <mprescripts/> 170 <mtext>X</mtext> 171 <mtext>X</mtext> 172 </mmultiscripts> 173 </math> 174 </div> 175 </div> 176 177 </body> 178 </htmL>