grid-self-baseline-two-dimensional.html (25508B)
1 <!DOCTYPE html> 2 <link rel="stylesheet" href="/fonts/ahem.css"> 3 <link href="/css/support/grid.css" rel="stylesheet"> 4 <link href="/css/support/alignment.css" rel="stylesheet"> 5 <link href="/css/support/width-keyword-classes.css" rel="stylesheet"> 6 <link rel="help" href="https://drafts.csswg.org/css-align-3/#baseline-rules"> 7 <link rel="help" href="https://drafts.csswg.org/css-grid-2/#alignment"> 8 <style> 9 10 body { margin: 0; } 11 .grid { 12 margin: 5px; 13 font: 16px/1 Ahem; 14 -webkit-text-orientation: sideways; 15 } 16 .font20 { font: 20px/1 Ahem; } 17 .font30 { font: 30px/1 Ahem; } 18 .font40 { font: 40px/1 Ahem; } 19 .font60 { font: 60px/1 Ahem; } 20 span { 21 border-width: 2px 5px 8px 4px; 22 border-style: solid; 23 padding: 6px 3px 7px 8px; 24 margin: 10px 6px 4px 12px; 25 } 26 .grid > span { background-color: grey; } 27 .extraTopPadding { padding-top: 30px; } 28 .extraBottomPadding { padding-bottom: 30px; } 29 .extraLeftPadding { padding-left: 30px; } 30 .extraRightPadding { padding-right: 30px; } 31 </style> 32 <script src="/resources/testharness.js"></script> 33 <script src="/resources/testharnessreport.js"></script> 34 <script src="/resources/check-layout-th.js"></script> 35 <body onload="checkLayout('.grid')"> 36 <div id="log"></div> 37 38 <p>This test checks that baseline is applied correctly on a grid aling both axis and different writing-modes when using symbolic fonts, which will use middle-baseline.</p> 39 40 <div style="position: relative"> 41 <div class="grid fit-content itemsBaseline"> 42 <span class="firstRowFirstColumn horizontalTB font20 extraTopPadding" data-offset-x="17" data-offset-y="18">X</span> 43 <span class="firstRowSecondColumn horizontalTB font30" data-offset-x="115" data-offset-y="34">X</span> 44 <span class="firstRowThirdColumn horizontalTB font40 extraLeftPadding" data-offset-x="215" data-offset-y="26">X</span> 45 <span class="firstRowFourthColumn horizontalTB font60" data-offset-x="315" data-offset-y="10">X</span> 46 <span class="secondRowFirstColumn horizontalTB font30" data-offset-x="17" data-offset-y="131">A</span> 47 <span class="secondRowSecondColumn horizontalTB font40 extraLeftPadding" data-offset-x="115" data-offset-y="123">A</span> 48 <span class="secondRowThirdColumn horizontalTB font20 extraBottomPadding" data-offset-x="215" data-offset-y="139">A</span> 49 <span class="secondRowFourthColumn horizontalTB font60" data-offset-x="315" data-offset-y="107">A</span> 50 <span class="thirdRowFirstColumn horizontalTB font60 extraBottomPadding" data-offset-x="17" data-offset-y="219">A</span> 51 <span class="thirdRowSecondColumn horizontalTB font20 extraTopPadding" data-offset-x="115" data-offset-y="227">A</span> 52 <span class="thirdRowThirdColumn horizontalTB font40" data-offset-x="215" data-offset-y="235">A</span> 53 <span class="thirdRowFourthColumn horizontalTB font30" data-offset-x="315" data-offset-y="243">A</span> 54 <span class="fourthRowFirstColumn horizontalTB font40" data-offset-x="17" data-offset-y="355">A</span> 55 <span class="fourthRowSecondColumn horizontalTB font60" data-offset-x="115" data-offset-y="339">A</span> 56 <span class="fourthRowThirdColumn horizontalTB font30 extraTopPadding" data-offset-x="215" data-offset-y="339">A</span> 57 <span class="fourthRowFourthColumn horizontalTB font20" data-offset-x="315" data-offset-y="371">A</span> 58 </div> 59 </div> 60 61 <br clear="all"> 62 63 <div style="position: relative"> 64 <div class="grid fit-content itemsBaseline"> 65 <span class="firstRowFirstColumn verticalLR font20" data-offset-x="25" data-offset-y="30">A</span> 66 <span class="firstRowSecondColumn horizontalTB font30 extraTopPadding" data-offset-x="126" data-offset-y="17">A</span> 67 <span class="firstRowThirdColumn verticalLR font40 extraLeftPadding" data-offset-x="224" data-offset-y="10">A</span> 68 <span class="firstRowFourthColumn horizontalTB font60" data-offset-x="324" data-offset-y="17">A</span> 69 <span class="secondRowFirstColumn verticalLR font30 extraTopPadding" data-offset-x="23" data-offset-y="114">A</span> 70 <span class="secondRowSecondColumn horizontalTB font40" data-offset-x="126" data-offset-y="151">A</span> 71 <span class="secondRowThirdColumn verticalLR font20" data-offset-x="250" data-offset-y="148">A</span> 72 <span class="secondRowFourthColumn horizontalTB font60" data-offset-x="324" data-offset-y="135">A</span> 73 <span class="thirdRowFirstColumn verticalLR font60" data-offset-x="17" data-offset-y="235">A</span> 74 <span class="thirdRowSecondColumn horizontalTB font20" data-offset-x="126" data-offset-y="294">A</span> 75 <span class="thirdRowThirdColumn verticalLR font40 extraBottomPadding" data-offset-x="246" data-offset-y="232">A</span> 76 <span class="thirdRowFourthColumn horizontalTB font30 extraTopPadding" data-offset-x="324" data-offset-y="262">A</span> 77 <span class="fourthRowFirstColumn verticalLR font40 extraRightPadding" data-offset-x="21" data-offset-y="353">A</span> 78 <span class="fourthRowSecondColumn horizontalTB font60 extraBottomPadding" data-offset-x="126" data-offset-y="360">A</span> 79 <span class="fourthRowThirdColumn verticalLR font30" data-offset-x="248" data-offset-y="363">A</span> 80 <span class="fourthRowFourthColumn horizontalTB font20" data-offset-x="324" data-offset-y="392">A</span> 81 </div> 82 </div> 83 84 <br clear="all"/> 85 <div style="position: relative"> 86 <div class="grid fit-content itemsBaseline"> 87 <span class="firstRowFirstColumn verticalLR font20 extraLeftPadding" data-offset-x="17" data-offset-y="30">A</span> 88 <span class="firstRowSecondColumn horizontalTB font30" data-offset-x="149" data-offset-y="41">A</span> 89 <span class="firstRowThirdColumn verticalLR font40 extraRightPadding" data-offset-x="217" data-offset-y="10">A</span> 90 <span class="firstRowFourthColumn horizontalTB font60" data-offset-x="346" data-offset-y="17">A</span> 91 <span class="secondRowFirstColumn horizontalTB font30" data-offset-x="55" data-offset-y="188">A</span> 92 <span class="secondRowSecondColumn verticalLR font40" data-offset-x="129" data-offset-y="157">A</span> 93 <span class="secondRowThirdColumn horizontalTB font20" data-offset-x="237" data-offset-y="196">A</span> 94 <span class="secondRowFourthColumn verticalLR font60 extraBottomPadding" data-offset-x="322" data-offset-y="114">A</span> 95 <span class="thirdRowFirstColumn verticalLR font60 extraBottomPadding" data-offset-x="31" data-offset-y="255">A</span> 96 <span class="thirdRowThirdColumn verticalLR font40 extraTopPadding" data-offset-x="217" data-offset-y="274">A</span> 97 <span class="thirdRowFourthColumn horizontalTB font30" data-offset-x="149" data-offset-y="329">A</span> 98 <span class="fourthRowFirstColumn horizontalTB font40" data-offset-x="346" data-offset-y="321">A</span> 99 <span class="fourthRowSecondColumn verticalLR font60" data-offset-x="31" data-offset-y="398">A</span> 100 <span class="fourthRowThirdColumn horizontalTB font30" data-offset-x="149" data-offset-y="449">A</span> 101 <span class="fourthRowFourthColumn verticalLR font20" data-offset-x="221" data-offset-y="438">A</span> 102 </div> 103 </div> 104 105 <br clear="all"> 106 107 <div style="position: relative"> 108 <div class="grid fit-content itemsBaseline verticalLR"> 109 <span class="firstRowFirstColumn horizontalTB font20" data-offset-x="17" data-offset-y="42">A</span> 110 <span class="firstRowSecondColumn horizontalTB font30" data-offset-x="17" data-offset-y="172">A</span> 111 <span class="firstRowThirdColumn horizontalTB font40 extraRightPadding" data-offset-x="17" data-offset-y="284">A</span> 112 <span class="firstRowFourthColumn horizontalTB font60" data-offset-x="17" data-offset-y="361">A</span> 113 <span class="secondRowFirstColumn horizontalTB font30 extraBottomPadding" data-offset-x="122" data-offset-y="34">A</span> 114 <span class="secondRowSecondColumn horizontalTB font40" data-offset-x="122" data-offset-y="164">A</span> 115 <span class="secondRowThirdColumn horizontalTB font20" data-offset-x="122" data-offset-y="300">A</span> 116 <span class="secondRowFourthColumn horizontalTB font60" data-offset-x="122" data-offset-y="361">A</span> 117 <span class="thirdRowFirstColumn horizontalTB font60" data-offset-x="220" data-offset-y="10">A</span> 118 <span class="thirdRowSecondColumn horizontalTB font20 extraBottomPadding" data-offset-x="220" data-offset-y="180">A</span> 119 <span class="thirdRowThirdColumn horizontalTB font40 extraTopPadding" data-offset-x="220" data-offset-y="260">A</span> 120 <span class="thirdRowFourthColumn horizontalTB font30" data-offset-x="220" data-offset-y="385">A</span> 121 <span class="fourthRowFirstColumn horizontalTB font40 extraRightPadding" data-offset-x="318" data-offset-y="26">A</span> 122 <span class="fourthRowSecondColumn horizontalTB font60 extraTopPadding" data-offset-x="318" data-offset-y="124">A</span> 123 <span class="fourthRowThirdColumn horizontalTB font30" data-offset-x="318" data-offset-y="292">A</span> 124 <span class="fourthRowFourthColumn horizontalTB font20" data-offset-x="318" data-offset-y="393">A</span> 125 </div> 126 </div> 127 128 <br clear="all"> 129 130 <div style="position: relative"> 131 <div class="grid fit-content itemsBaseline verticalLR"> 132 <span class="firstRowFirstColumn verticalLR font20" data-offset-x="21" data-offset-y="73">A</span> 133 <span class="firstRowSecondColumn horizontalTB font30 extraTopPadding" data-offset-x="37" data-offset-y="130">A</span> 134 <span class="firstRowThirdColumn verticalLR font40 extraBottomPadding" data-offset-x="17" data-offset-y="227">A</span> 135 <span class="firstRowFourthColumn horizontalTB font60" data-offset-x="37" data-offset-y="327">A</span> 136 <span class="secondRowFirstColumn verticalLR font30" data-offset-x="135" data-offset-y="63">A</span> 137 <span class="secondRowSecondColumn horizontalTB font40" data-offset-x="153" data-offset-y="146">A</span> 138 <span class="secondRowThirdColumn verticalLR font20" data-offset-x="137" data-offset-y="270">A</span> 139 <span class="secondRowFourthColumn horizontalTB font60" data-offset-x="153" data-offset-y="327">A</span> 140 <span class="thirdRowFirstColumn verticalLR font60 extraBottomPadding" data-offset-x="251" data-offset-y="10">A</span> 141 <span class="thirdRowSecondColumn horizontalTB font20 extraTopPadding" data-offset-x="275" data-offset-y="138">A</span> 142 <span class="thirdRowThirdColumn verticalLR font40" data-offset-x="255" data-offset-y="250">A</span> 143 <span class="thirdRowFourthColumn horizontalTB font30 extraTopPadding" data-offset-x="275" data-offset-y="327">A</span> 144 <span class="fourthRowFirstColumn verticalLR font40" data-offset-x="349" data-offset-y="53">A</span> 145 <span class="fourthRowSecondColumn horizontalTB font60" data-offset-x="369" data-offset-y="130">A</span> 146 <span class="fourthRowThirdColumn verticalLR font30" data-offset-x="351" data-offset-y="260">A</span> 147 <span class="fourthRowFourthColumn horizontalTB font20" data-offset-x="369" data-offset-y="359">A</span> 148 </div> 149 </div> 150 151 <br clear="all"> 152 153 <div style="position: relative"> 154 <div class="grid fit-content itemsBaseline verticalLR"> 155 <span class="firstRowFirstColumn verticalLR font20 extraBottomPadding" data-offset-x="21" data-offset-y="51">A</span> 156 <span class="firstRowSecondColumn horizontalTB font30 extraTopPadding" data-offset-x="37" data-offset-y="181">A</span> 157 <span class="firstRowThirdColumn verticalLR font40" data-offset-x="17" data-offset-y="272">A</span> 158 <span class="firstRowFourthColumn horizontalTB font60" data-offset-x="37" data-offset-y="418">A</span> 159 <span class="secondRowFirstColumn horizontalTB font30" data-offset-x="159" data-offset-y="85">A</span> 160 <span class="secondRowSecondColumn verticalLR font40" data-offset-x="139" data-offset-y="174">A</span> 161 <span class="secondRowThirdColumn horizontalTB font20 extraBottomPadding" data-offset-x="159" data-offset-y="311">A</span> 162 <span class="secondRowFourthColumn verticalLR font60" data-offset-x="135" data-offset-y="391">A</span> 163 <span class="thirdRowFirstColumn verticalLR font60 extraTopPadding" data-offset-x="233" data-offset-y="10">A</span> 164 <span class="thirdRowSecondColumn horizontalTB font20" data-offset-x="257" data-offset-y="213">A</span> 165 <span class="thirdRowThirdColumn verticalLR font40" data-offset-x="237" data-offset-y="272">A</span> 166 <span class="thirdRowFourthColumn horizontalTB font30" data-offset-x="257" data-offset-y="442">A</span> 167 <span class="fourthRowFirstColumn horizontalTB font40" data-offset-x="355" data-offset-y="77">A</span> 168 <span class="fourthRowSecondColumn verticalLR font60" data-offset-x="331" data-offset-y="154">A</span> 169 <span class="fourthRowThirdColumn horizontalTB font30 extraTopPadding" data-offset-x="355" data-offset-y="279">A</span> 170 <span class="fourthRowFourthColumn verticalLR font20" data-offset-x="339" data-offset-y="431">A</span> 171 </div> 172 </div> 173 174 <br clear="all"> 175 176 <div style="position: relative"> 177 <div class="grid fit-content itemsBaseline verticalRL"> 178 <span class="firstRowFirstColumn horizontalTB font20 extraTopPadding" data-offset-x="333" data-offset-y="18">A</span> 179 <span class="firstRowSecondColumn horizontalTB font30" data-offset-x="333" data-offset-y="155">A</span> 180 <span class="firstRowThirdColumn horizontalTB font40" data-offset-x="333" data-offset-y="267">A</span> 181 <span class="firstRowFourthColumn horizontalTB font60 extraBottomPadding" data-offset-x="333" data-offset-y="344">A</span> 182 <span class="secondRowFirstColumn horizontalTB font30" data-offset-x="235" data-offset-y="34">A</span> 183 <span class="secondRowSecondColumn horizontalTB font40 extraTopPadding" data-offset-x="235" data-offset-y="123">A</span> 184 <span class="secondRowThirdColumn horizontalTB font20" data-offset-x="235" data-offset-y="283">A</span> 185 <span class="secondRowFourthColumn horizontalTB font60" data-offset-x="235" data-offset-y="344">A</span> 186 <span class="thirdRowFirstColumn horizontalTB font60 extraLeftPadding" data-offset-x="115" data-offset-y="10">A</span> 187 <span class="thirdRowSecondColumn horizontalTB font20 extraBottomPadding" data-offset-x="115" data-offset-y="163">A</span> 188 <span class="thirdRowThirdColumn horizontalTB font40 extraTopPadding" data-offset-x="115" data-offset-y="243">A</span> 189 <span class="thirdRowFourthColumn horizontalTB font30 extraTopPadding" data-offset-x="115" data-offset-y="344">A</span> 190 <span class="fourthRowFirstColumn horizontalTB font40" data-offset-x="17" data-offset-y="26">A</span> 191 <span class="fourthRowSecondColumn horizontalTB font60 extraTopPadding" data-offset-x="17" data-offset-y="107">A</span> 192 <span class="fourthRowThirdColumn horizontalTB font30" data-offset-x="17" data-offset-y="275">A</span> 193 <span class="fourthRowFourthColumn horizontalTB font20" data-offset-x="17" data-offset-y="376">A</span> 194 </div> 195 </div> 196 197 <br clear="all"> 198 199 <div style="position: relative"> 200 <div class="grid fit-content itemsBaseline verticalRL"> 201 <span class="firstRowFirstColumn verticalLR font20" data-offset-x="315" data-offset-y="73">A</span> 202 <span class="firstRowSecondColumn horizontalTB font30" data-offset-x="311" data-offset-y="162">A</span> 203 <span class="firstRowThirdColumn verticalLR font40 extraTopPadding" data-offset-x="311" data-offset-y="235">A</span> 204 <span class="firstRowFourthColumn horizontalTB font60 extraRightPadding" data-offset-x="311" data-offset-y="336">A</span> 205 <span class="secondRowFirstColumn verticalLR font30" data-offset-x="213" data-offset-y="63">A</span> 206 <span class="secondRowSecondColumn horizontalTB font40 extraTopPadding" data-offset-x="213" data-offset-y="130">A</span> 207 <span class="secondRowThirdColumn verticalLR font20" data-offset-x="215" data-offset-y="279">A</span> 208 <span class="secondRowFourthColumn horizontalTB font60" data-offset-x="213" data-offset-y="336">A</span> 209 <span class="thirdRowFirstColumn verticalLR font60 extraBottomPadding" data-offset-x="115" data-offset-y="10">A</span> 210 <span class="thirdRowSecondColumn horizontalTB font20" data-offset-x="145" data-offset-y="170">A</span> 211 <span class="thirdRowThirdColumn verticalLR font40" data-offset-x="119" data-offset-y="259">A</span> 212 <span class="thirdRowFourthColumn horizontalTB font30" data-offset-x="145" data-offset-y="360">A</span> 213 <span class="fourthRowFirstColumn verticalLR font40 extraTopPadding" data-offset-x="17" data-offset-y="29">A</span> 214 <span class="fourthRowSecondColumn horizontalTB font60" data-offset-x="17" data-offset-y="138">A</span> 215 <span class="fourthRowThirdColumn verticalLR font30 extraBottomPadding" data-offset-x="19" data-offset-y="246">A</span> 216 <span class="fourthRowFourthColumn horizontalTB font20" data-offset-x="17" data-offset-y="368">A</span> 217 </div> 218 </div> 219 220 <br clear="all"> 221 222 <div style="position: relative"> 223 <div class="grid fit-content itemsBaseline verticalRL"> 224 <span class="firstRowFirstColumn verticalLR font20" data-offset-x="315" data-offset-y="50">A</span> 225 <span class="firstRowSecondColumn horizontalTB font30 extraBottomPadding" data-offset-x="311" data-offset-y="202">A</span> 226 <span class="firstRowThirdColumn verticalLR font40" data-offset-x="311" data-offset-y="292">A</span> 227 <span class="firstRowFourthColumn horizontalTB font60" data-offset-x="311" data-offset-y="440">A</span> 228 <span class="secondRowFirstColumn horizontalTB font30 extraBottomPadding" data-offset-x="243" data-offset-y="61">A</span> 229 <span class="secondRowSecondColumn verticalLR font40" data-offset-x="217" data-offset-y="171">A</span> 230 <span class="secondRowThirdColumn horizontalTB font20" data-offset-x="243" data-offset-y="331">A</span> 231 <span class="secondRowFourthColumn verticalLR font60" data-offset-x="213" data-offset-y="413">A</span> 232 <span class="thirdRowFirstColumn verticalLR font60" data-offset-x="115" data-offset-y="10">A</span> 233 <span class="thirdRowSecondColumn horizontalTB font20 extraLeftPadding" data-offset-x="133" data-offset-y="210">A</span> 234 <span class="thirdRowThirdColumn verticalLR font40" data-offset-x="119" data-offset-y="292">A</span> 235 <span class="thirdRowFourthColumn horizontalTB font30" data-offset-x="133" data-offset-y="464">A</span> 236 <span class="fourthRowFirstColumn horizontalTB font40" data-offset-x="37" data-offset-y="53">A</span> 237 <span class="fourthRowSecondColumn verticalLR font60" data-offset-x="17" data-offset-y="151">A</span> 238 <span class="fourthRowThirdColumn horizontalTB font30 extraBottomPadding" data-offset-x="37" data-offset-y="323">A</span> 239 <span class="fourthRowFourthColumn verticalLR font20" data-offset-x="25" data-offset-y="453">A</span> 240 </div> 241 </div> 242 243 <br clear="all"> 244 245 <div style="position: relative"> 246 <div class="grid fit-content itemsBaseline"> 247 <span class="firstRowFirstColumn horizontalTB font20" data-offset-x="17" data-offset-y="42">A<br/>A</span> 248 <span class="firstRowSecondColumn horizontalTB font30" data-offset-x="115" data-offset-y="34">A<br/>A</span> 249 <span class="firstRowThirdColumn horizontalTB font40" data-offset-x="213" data-offset-y="26">A<br/>A</span> 250 <span class="firstRowFourthColumn horizontalTB font60" data-offset-x="291" data-offset-y="10">A<br/>A</span> 251 <span class="secondRowFirstColumn horizontalTB font30" data-offset-x="17" data-offset-y="191">A<br/>A</span> 252 <span class="secondRowSecondColumn horizontalTB font40" data-offset-x="115" data-offset-y="183">A<br/>A</span> 253 <span class="secondRowThirdColumn horizontalTB font20" data-offset-x="213" data-offset-y="199">A<br/>A</span> 254 <span class="secondRowFourthColumn horizontalTB font60" data-offset-x="291" data-offset-y="167">A<br/>A</span> 255 <span class="thirdRowFirstColumn horizontalTB font60" data-offset-x="17" data-offset-y="324">A<br/>A</span> 256 <span class="thirdRowSecondColumn horizontalTB font20" data-offset-x="115" data-offset-y="356">A<br/>A</span> 257 <span class="thirdRowThirdColumn horizontalTB font40 extraBottomPadding" data-offset-x="213" data-offset-y="340">A<br/>A</span> 258 <span class="thirdRowFourthColumn horizontalTB font30" data-offset-x="291" data-offset-y="348">A<br/>A</span> 259 <span class="fourthRowFirstColumn horizontalTB font40 extraBottomPadding" data-offset-x="17" data-offset-y="497">A<br/>A</span> 260 <span class="fourthRowSecondColumn horizontalTB font60" data-offset-x="115" data-offset-y="481">A<br/>A</span> 261 <span class="fourthRowThirdColumn horizontalTB font30" data-offset-x="213" data-offset-y="505">A<br/>A</span> 262 <span class="fourthRowFourthColumn horizontalTB font20" data-offset-x="291" data-offset-y="513">A<br/>A</span> 263 </div> 264 </div> 265 266 <br clear="all"> 267 268 <div style="position: relative"> 269 <div class="grid fit-content itemsBaseline"> 270 <span class="firstRowFirstColumn verticalLR font20 extraLeftPadding" data-offset-x="17" data-offset-y="30">A<br/>A</span> 271 <span class="firstRowSecondColumn horizontalTB font30 extraBottomPadding" data-offset-x="189" data-offset-y="41">A<br/>A</span> 272 <span class="firstRowThirdColumn verticalLR font40" data-offset-x="287" data-offset-y="10">A<br/>A</span> 273 <span class="firstRowFourthColumn horizontalTB font60" data-offset-x="405" data-offset-y="17">A<br/>A</span> 274 <span class="secondRowFirstColumn verticalLR font30 extraTopPadding" data-offset-x="37" data-offset-y="174">A<br/>A</span> 275 <span class="secondRowSecondColumn horizontalTB font40" data-offset-x="189" data-offset-y="211">A<br/>A</span> 276 <span class="secondRowThirdColumn verticalLR font20 extraTopPadding" data-offset-x="291" data-offset-y="184">A<br/>A</span> 277 <span class="secondRowFourthColumn horizontalTB font60 extraLeftPadding" data-offset-x="405" data-offset-y="195">A<br/>A</span> 278 <span class="thirdRowFirstColumn verticalLR font60" data-offset-x="31" data-offset-y="352">A<br/>A</span> 279 <span class="thirdRowSecondColumn horizontalTB font20 extraTopPadding" data-offset-x="189" data-offset-y="387">A<br/>A</span> 280 <span class="thirdRowThirdColumn verticalLR font40" data-offset-x="287" data-offset-y="372">A<br/>A</span> 281 <span class="thirdRowFourthColumn horizontalTB font30" data-offset-x="405" data-offset-y="403">A<br/>A</span> 282 <span class="fourthRowFirstColumn verticalLR font40" data-offset-x="35" data-offset-y="513">A<br/>A</span> 283 <span class="fourthRowSecondColumn horizontalTB font60" data-offset-x="189" data-offset-y="520">A<br/>A</span> 284 <span class="fourthRowThirdColumn verticalLR font30 extraBottomPadding" data-offset-x="289" data-offset-y="500">A<br/>A</span> 285 <span class="fourthRowFourthColumn horizontalTB font20 extraTopPadding" data-offset-x="405" data-offset-y="528">A<br/>A</span> 286 </div> 287 </div> 288 289 <br clear="all"> 290 291 <div style="position: relative"> 292 <div class="grid fit-content itemsBaseline"> 293 <span class="firstRowFirstColumn verticalLR font20 extraTopPadding" data-offset-x="25" data-offset-y="10">A<br/>A</span> 294 <span class="firstRowSecondColumn horizontalTB font30 extraBottomPadding" data-offset-x="199" data-offset-y="45">A<br/>A</span> 295 <span class="firstRowThirdColumn verticalLR font40" data-offset-x="355" data-offset-y="14">A<br/>A</span> 296 <span class="firstRowFourthColumn horizontalTB font60" data-offset-x="497" data-offset-y="21">A<br/>A</span> 297 <span class="secondRowFirstColumn horizontalTB font30" data-offset-x="41" data-offset-y="229">A<br/>A</span> 298 <span class="secondRowSecondColumn verticalLR font40" data-offset-x="179" data-offset-y="198">A<br/>A</span> 299 <span class="secondRowThirdColumn horizontalTB font20 extraTopPadding" data-offset-x="375" data-offset-y="213">A<br/>A</span> 300 <span class="secondRowFourthColumn verticalLR font60" data-offset-x="473" data-offset-y="178">A<br/>A</span> 301 <span class="thirdRowFirstColumn verticalLR font60" data-offset-x="17" data-offset-y="326">A<br/>A</span> 302 <span class="thirdRowSecondColumn horizontalTB font20 extraTopPadding" data-offset-x="199" data-offset-y="361">A<br/>A</span> 303 <span class="thirdRowThirdColumn verticalLR font40 extraLeftPadding" data-offset-x="333" data-offset-y="346">A<br/>A</span> 304 <span class="thirdRowFourthColumn horizontalTB font30 extraTopPadding" data-offset-x="497" data-offset-y="353">A<br/>A</span> 305 <span class="fourthRowFirstColumn horizontalTB font40" data-offset-x="41" data-offset-y="517">A<br/>A</span> 306 <span class="fourthRowSecondColumn verticalLR font60" data-offset-x="175" data-offset-y="474">A<br/>A</span> 307 <span class="fourthRowThirdColumn horizontalTB font30" data-offset-x="375" data-offset-y="525">A<br/>A</span> 308 <span class="fourthRowFourthColumn verticalLR font20" data-offset-x="481" data-offset-y="514">A<br/>A</span> 309 </div> 310 </div> 311 </body>