wpt / css / css-grid / alignment / self-baseline / grid-self-baseline-two-dimensional.html

Status: FAIL | Duration: 10ms | Subtests: 0/12 | Open test on wpt.live | wpt.fyi

TestTest SourceSubtests (0/12)

Data from commit:
1efe22d Fix duplicate table cell padding with float layout (#675) (2026-08-10)

SubtestStatusMessage
.grid 1FAILassert_equals: data-offset-x expected 17 got 12 assert_equals: data-offset-x expected 115 got 209 assert_equals: data-offset-x expected 215 got 407 assert_equals: data-offset-x expected 315 got 606 assert_equals: data-offset-x expected 17 got 12 assert_equals: data-offset-x expected 115 got 209 assert_equals: data-offset-x expected 215 got 407 assert_equals: data-offset-x expected 315 got 606 assert_equals: data-offset-x expected 17 got 12 assert_equals: data-offset-x expected 115 got 209 assert_equals: data-offset-x expected 215 got 407 assert_equals: data-offset-x expected 315 got 606 assert_equals: data-offset-x expected 17 got 12 assert_equals: data-offset-x expected 115 got 209 assert_equals: data-offset-x expected 215 got 407 assert_equals: data-offset-x expected 315 got 606
.grid 2FAILassert_equals: data-offset-x expected 25 got 12 assert_equals: data-offset-y expected 30 got 42 assert_equals: data-offset-x expected 126 got 214 assert_equals: data-offset-y expected 17 got 10 assert_equals: data-offset-x expected 224 got 410 assert_equals: data-offset-y expected 10 got 26 assert_equals: data-offset-x expected 324 got 607 assert_equals: data-offset-y expected 17 got 10 assert_equals: data-offset-x expected 23 got 12 assert_equals: data-offset-y expected 114 got 107 assert_equals: data-offset-x expected 126 got 214 assert_equals: data-offset-y expected 151 got 123 assert_equals: data-offset-x expected 250 got 410 assert_equals: data-offset-y expected 148 got 139 assert_equals: data-offset-x expected 324 got 607 assert_equals: data-offset-y expected 135 got 107 assert_equals: data-offset-x expected 17 got 12 assert_equals: data-offset-y expected 235 got 204 assert_equals: data-offset-x expected 126 got 214 assert_equals: data-offset-y expected 294 got 236 assert_equals: data-offset-x expected 246 got 410 assert_equals: data-offset-y expected 232 got 220 assert_equals: data-offset-x expected 324 got 607 assert_equals: data-offset-y expected 262 got 204 assert_equals: data-offset-x expected 21 got 12 assert_equals: data-offset-y expected 353 got 336 assert_equals: data-offset-x expected 126 got 214 assert_equals: data-offset-y expected 360 got 320 assert_equals: data-offset-x expected 248 got 410 assert_equals: data-offset-y expected 363 got 344 assert_equals: data-offset-x expected 324 got 607 assert_equals: data-offset-y expected 392 got 352
.grid 3FAILassert_equals: data-offset-x expected 17 got 12 assert_equals: data-offset-y expected 30 got 42 assert_equals: data-offset-x expected 149 got 213 assert_equals: data-offset-y expected 41 got 34 assert_equals: data-offset-x expected 217 got 394 assert_equals: data-offset-y expected 10 got 26 assert_equals: data-offset-x expected 346 got 601 assert_equals: data-offset-y expected 17 got 10 assert_equals: data-offset-x expected 55 got 12 assert_equals: data-offset-y expected 188 got 131 assert_equals: data-offset-x expected 129 got 213 assert_equals: data-offset-y expected 157 got 123 assert_equals: data-offset-x expected 237 got 394 assert_equals: data-offset-y expected 196 got 139 assert_equals: data-offset-x expected 322 got 601 assert_equals: data-offset-y expected 114 got 107 assert_equals: data-offset-x expected 31 got 12 assert_equals: data-offset-y expected 255 got 235 assert_equals: data-offset-x expected 217 got 394 assert_equals: data-offset-y expected 274 got 227 assert_equals: data-offset-x expected 149 got 213 assert_equals: data-offset-y expected 329 got 259 assert_equals: data-offset-x expected 346 got 601 assert_equals: data-offset-y expected 321 got 251 assert_equals: data-offset-x expected 31 got 12 assert_equals: data-offset-y expected 398 got 355 assert_equals: data-offset-x expected 149 got 213 assert_equals: data-offset-y expected 449 got 379 assert_equals: data-offset-x expected 221 got 394 assert_equals: data-offset-y expected 438 got 387
.grid 4FAILassert_equals: data-offset-x expected 17 got 12 assert_equals: data-offset-x expected 17 got 213 assert_equals: data-offset-y expected 172 got 34 assert_equals: data-offset-x expected 17 got 407 assert_equals: data-offset-y expected 284 got 26 assert_equals: data-offset-x expected 17 got 608 assert_equals: data-offset-y expected 361 got 10 assert_equals: data-offset-x expected 122 got 12 assert_equals: data-offset-y expected 34 got 131 assert_equals: data-offset-x expected 122 got 213 assert_equals: data-offset-y expected 164 got 123 assert_equals: data-offset-x expected 122 got 407 assert_equals: data-offset-y expected 300 got 139 assert_equals: data-offset-x expected 122 got 608 assert_equals: data-offset-y expected 361 got 107 assert_equals: data-offset-x expected 220 got 12 assert_equals: data-offset-y expected 10 got 229 assert_equals: data-offset-x expected 220 got 213 assert_equals: data-offset-y expected 180 got 261 assert_equals: data-offset-x expected 220 got 407 assert_equals: data-offset-y expected 260 got 221 assert_equals: data-offset-x expected 220 got 608 assert_equals: data-offset-y expected 385 got 253 assert_equals: data-offset-x expected 318 got 12 assert_equals: data-offset-y expected 26 got 381 assert_equals: data-offset-x expected 318 got 213 assert_equals: data-offset-y expected 124 got 341 assert_equals: data-offset-x expected 318 got 407 assert_equals: data-offset-y expected 292 got 389 assert_equals: data-offset-x expected 318 got 608 assert_equals: data-offset-y expected 393 got 397
.grid 5FAILassert_equals: data-offset-x expected 21 got 12 assert_equals: data-offset-y expected 73 got 42 assert_equals: data-offset-x expected 37 got 215 assert_equals: data-offset-y expected 130 got 10 assert_equals: data-offset-x expected 17 got 417 assert_equals: data-offset-y expected 227 got 26 assert_equals: data-offset-x expected 37 got 600 assert_equals: data-offset-y expected 327 got 10 assert_equals: data-offset-x expected 135 got 12 assert_equals: data-offset-y expected 63 got 150 assert_equals: data-offset-x expected 153 got 215 assert_equals: data-offset-y expected 146 got 142 assert_equals: data-offset-x expected 137 got 417 assert_equals: data-offset-y expected 270 got 158 assert_equals: data-offset-x expected 153 got 600 assert_equals: data-offset-y expected 327 got 126 assert_equals: data-offset-x expected 251 got 12 assert_equals: data-offset-y expected 10 got 223 assert_equals: data-offset-x expected 275 got 215 assert_equals: data-offset-y expected 138 got 231 assert_equals: data-offset-x expected 255 got 417 assert_equals: data-offset-y expected 250 got 239 assert_equals: data-offset-x expected 275 got 600 assert_equals: data-offset-y expected 327 got 223 assert_equals: data-offset-x expected 349 got 12 assert_equals: data-offset-y expected 53 got 359 assert_equals: data-offset-x expected 369 got 215 assert_equals: data-offset-y expected 130 got 343 assert_equals: data-offset-x expected 351 got 417 assert_equals: data-offset-y expected 260 got 367 assert_equals: data-offset-x expected 369 got 600 assert_equals: data-offset-y expected 359 got 375
.grid 6FAILassert_equals: data-offset-x expected 21 got 12 assert_equals: data-offset-y expected 51 got 42 assert_equals: data-offset-x expected 37 got 215 assert_equals: data-offset-y expected 181 got 10 assert_equals: data-offset-x expected 17 got 417 assert_equals: data-offset-y expected 272 got 26 assert_equals: data-offset-x expected 37 got 600 assert_equals: data-offset-y expected 418 got 10 assert_equals: data-offset-x expected 159 got 12 assert_equals: data-offset-y expected 85 got 146 assert_equals: data-offset-x expected 139 got 215 assert_equals: data-offset-y expected 174 got 138 assert_equals: data-offset-x expected 159 got 417 assert_equals: data-offset-y expected 311 got 154 assert_equals: data-offset-x expected 135 got 600 assert_equals: data-offset-y expected 391 got 122 assert_equals: data-offset-x expected 233 got 12 assert_equals: data-offset-y expected 10 got 234 assert_equals: data-offset-x expected 257 got 215 assert_equals: data-offset-y expected 213 got 290 assert_equals: data-offset-x expected 237 got 417 assert_equals: data-offset-y expected 272 got 274 assert_equals: data-offset-x expected 257 got 600 assert_equals: data-offset-y expected 442 got 282 assert_equals: data-offset-x expected 355 got 12 assert_equals: data-offset-y expected 77 got 371 assert_equals: data-offset-x expected 331 got 215 assert_equals: data-offset-y expected 154 got 355 assert_equals: data-offset-x expected 355 got 417 assert_equals: data-offset-y expected 279 got 355 assert_equals: data-offset-x expected 339 got 600 assert_equals: data-offset-y expected 431 got 387
.grid 7FAILassert_equals: data-offset-x expected 333 got 12 assert_equals: data-offset-x expected 333 got 231 assert_equals: data-offset-y expected 155 got 34 assert_equals: data-offset-x expected 333 got 428 assert_equals: data-offset-y expected 267 got 26 assert_equals: data-offset-x expected 333 got 605 assert_equals: data-offset-y expected 344 got 10 assert_equals: data-offset-x expected 235 got 12 assert_equals: data-offset-y expected 34 got 162 assert_equals: data-offset-x expected 235 got 231 assert_equals: data-offset-y expected 123 got 130 assert_equals: data-offset-x expected 235 got 428 assert_equals: data-offset-y expected 283 got 170 assert_equals: data-offset-x expected 235 got 605 assert_equals: data-offset-y expected 344 got 138 assert_equals: data-offset-x expected 115 got 12 assert_equals: data-offset-y expected 10 got 243 assert_equals: data-offset-x expected 115 got 231 assert_equals: data-offset-y expected 163 got 275 assert_equals: data-offset-x expected 115 got 428 assert_equals: data-offset-y expected 243 got 235 assert_equals: data-offset-x expected 115 got 605 assert_equals: data-offset-y expected 344 got 243 assert_equals: data-offset-x expected 17 got 12 assert_equals: data-offset-y expected 26 got 395 assert_equals: data-offset-x expected 17 got 231 assert_equals: data-offset-y expected 107 got 355 assert_equals: data-offset-x expected 17 got 428 assert_equals: data-offset-y expected 275 got 403 assert_equals: data-offset-x expected 17 got 605 assert_equals: data-offset-y expected 376 got 411
.grid 8FAILassert_equals: data-offset-x expected 315 got 12 assert_equals: data-offset-y expected 73 got 50 assert_equals: data-offset-x expected 311 got 208 assert_equals: data-offset-y expected 162 got 42 assert_equals: data-offset-x expected 311 got 404 assert_equals: data-offset-y expected 235 got 10 assert_equals: data-offset-x expected 311 got 579 assert_equals: data-offset-y expected 336 got 18 assert_equals: data-offset-x expected 213 got 12 assert_equals: data-offset-y expected 63 got 147 assert_equals: data-offset-x expected 213 got 208 assert_equals: data-offset-y expected 130 got 115 assert_equals: data-offset-x expected 215 got 404 assert_equals: data-offset-y expected 279 got 155 assert_equals: data-offset-x expected 213 got 579 assert_equals: data-offset-y expected 336 got 123 assert_equals: data-offset-x expected 115 got 12 assert_equals: data-offset-y expected 10 got 220 assert_equals: data-offset-x expected 145 got 208 assert_equals: data-offset-y expected 170 got 252 assert_equals: data-offset-x expected 119 got 404 assert_equals: data-offset-y expected 259 got 236 assert_equals: data-offset-x expected 145 got 579 assert_equals: data-offset-y expected 360 got 244 assert_equals: data-offset-x expected 17 got 12 assert_equals: data-offset-y expected 29 got 340 assert_equals: data-offset-x expected 17 got 208 assert_equals: data-offset-y expected 138 got 348 assert_equals: data-offset-x expected 19 got 404 assert_equals: data-offset-y expected 246 got 372 assert_equals: data-offset-x expected 17 got 579 assert_equals: data-offset-y expected 368 got 380
.grid 9FAILassert_equals: data-offset-x expected 315 got 12 assert_equals: data-offset-y expected 50 got 42 assert_equals: data-offset-x expected 311 got 215 assert_equals: data-offset-y expected 202 got 34 assert_equals: data-offset-x expected 311 got 417 assert_equals: data-offset-y expected 292 got 26 assert_equals: data-offset-x expected 311 got 600 assert_equals: data-offset-y expected 440 got 10 assert_equals: data-offset-x expected 243 got 12 assert_equals: data-offset-y expected 61 got 148 assert_equals: data-offset-x expected 217 got 215 assert_equals: data-offset-y expected 171 got 140 assert_equals: data-offset-x expected 243 got 417 assert_equals: data-offset-y expected 331 got 156 assert_equals: data-offset-x expected 213 got 600 assert_equals: data-offset-y expected 413 got 124 assert_equals: data-offset-x expected 115 got 12 assert_equals: data-offset-y expected 10 got 238 assert_equals: data-offset-x expected 133 got 215 assert_equals: data-offset-y expected 210 got 270 assert_equals: data-offset-x expected 119 got 417 assert_equals: data-offset-y expected 292 got 254 assert_equals: data-offset-x expected 133 got 600 assert_equals: data-offset-y expected 464 got 262 assert_equals: data-offset-x expected 37 got 12 assert_equals: data-offset-y expected 53 got 351 assert_equals: data-offset-x expected 17 got 215 assert_equals: data-offset-y expected 151 got 335 assert_equals: data-offset-x expected 37 got 417 assert_equals: data-offset-y expected 323 got 359 assert_equals: data-offset-x expected 25 got 600 assert_equals: data-offset-y expected 453 got 367
.grid 10FAILassert_equals: data-offset-x expected 17 got 12 assert_equals: data-offset-x expected 115 got 215 assert_equals: data-offset-x expected 213 got 417 assert_equals: data-offset-x expected 291 got 600 assert_equals: data-offset-x expected 17 got 12 assert_equals: data-offset-x expected 115 got 215 assert_equals: data-offset-x expected 213 got 417 assert_equals: data-offset-x expected 291 got 600 assert_equals: data-offset-x expected 17 got 12 assert_equals: data-offset-x expected 115 got 215 assert_equals: data-offset-x expected 213 got 417 assert_equals: data-offset-x expected 291 got 600 assert_equals: data-offset-x expected 17 got 12 assert_equals: data-offset-x expected 115 got 215 assert_equals: data-offset-x expected 213 got 417 assert_equals: data-offset-x expected 291 got 600
.grid 11FAILassert_equals: data-offset-x expected 17 got 12 assert_equals: data-offset-y expected 30 got 42 assert_equals: data-offset-x expected 189 got 209 assert_equals: data-offset-y expected 41 got 34 assert_equals: data-offset-x expected 287 got 406 assert_equals: data-offset-y expected 10 got 26 assert_equals: data-offset-x expected 405 got 583 assert_equals: data-offset-y expected 17 got 10 assert_equals: data-offset-x expected 37 got 12 assert_equals: data-offset-y expected 174 got 167 assert_equals: data-offset-x expected 189 got 209 assert_equals: data-offset-y expected 211 got 183 assert_equals: data-offset-x expected 291 got 406 assert_equals: data-offset-y expected 184 got 175 assert_equals: data-offset-x expected 405 got 583 assert_equals: data-offset-y expected 195 got 167 assert_equals: data-offset-x expected 31 got 12 assert_equals: data-offset-y expected 352 got 324 assert_equals: data-offset-x expected 189 got 209 assert_equals: data-offset-y expected 387 got 332 assert_equals: data-offset-x expected 287 got 406 assert_equals: data-offset-y expected 372 got 340 assert_equals: data-offset-x expected 405 got 583 assert_equals: data-offset-y expected 403 got 348 assert_equals: data-offset-x expected 35 got 12 assert_equals: data-offset-y expected 513 got 497 assert_equals: data-offset-x expected 189 got 209 assert_equals: data-offset-y expected 520 got 481 assert_equals: data-offset-x expected 289 got 406 assert_equals: data-offset-y expected 500 got 505 assert_equals: data-offset-x expected 405 got 583 assert_equals: data-offset-y expected 528 got 489
.grid 12FAILassert_equals: data-offset-x expected 25 got 12 assert_equals: data-offset-y expected 10 got 18 assert_equals: data-offset-x expected 199 got 209 assert_equals: data-offset-y expected 45 got 34 assert_equals: data-offset-x expected 355 got 406 assert_equals: data-offset-y expected 14 got 26 assert_equals: data-offset-x expected 497 got 605 assert_equals: data-offset-y expected 21 got 10 assert_equals: data-offset-x expected 41 got 12 assert_equals: data-offset-y expected 229 got 191 assert_equals: data-offset-x expected 179 got 209 assert_equals: data-offset-y expected 198 got 183 assert_equals: data-offset-x expected 375 got 406 assert_equals: data-offset-y expected 213 got 175 assert_equals: data-offset-x expected 473 got 605 assert_equals: data-offset-y expected 178 got 167 assert_equals: data-offset-x expected 17 got 12 assert_equals: data-offset-y expected 326 got 324 assert_equals: data-offset-x expected 199 got 209 assert_equals: data-offset-y expected 361 got 332 assert_equals: data-offset-x expected 333 got 406 assert_equals: data-offset-y expected 346 got 340 assert_equals: data-offset-x expected 497 got 605 assert_equals: data-offset-y expected 353 got 324 assert_equals: data-offset-x expected 41 got 12 assert_equals: data-offset-y expected 517 got 497 assert_equals: data-offset-x expected 175 got 209 assert_equals: data-offset-y expected 474 got 481 assert_equals: data-offset-x expected 375 got 406 assert_equals: data-offset-y expected 525 got 505 assert_equals: data-offset-x expected 481 got 605 assert_equals: data-offset-y expected 514 got 513

/css/css-grid/alignment/self-baseline/grid-self-baseline-two-dimensional.html

<!DOCTYPE html>
<link rel="stylesheet" href="/fonts/ahem.css">
<link href="/css/support/grid.css" rel="stylesheet">
<link href="/css/support/alignment.css" rel="stylesheet">
<link href="/css/support/width-keyword-classes.css" rel="stylesheet">
<link rel="help" href="https://drafts.csswg.org/css-align-3/#baseline-rules">
<link rel="help" href="https://drafts.csswg.org/css-grid-2/#alignment">
<style>

body { margin: 0; }
.grid {
   margin: 5px;
   font: 16px/1 Ahem;
   -webkit-text-orientation: sideways;
}
.font20 { font: 20px/1 Ahem; }
.font30 { font: 30px/1 Ahem; }
.font40 { font: 40px/1 Ahem; }
.font60 { font: 60px/1 Ahem; }
span {
   border-width: 2px 5px 8px 4px;
   border-style: solid;
   padding: 6px 3px 7px 8px;
   margin: 10px 6px 4px 12px;
}
.grid > span { background-color: grey; }
.extraTopPadding { padding-top: 30px; }
.extraBottomPadding { padding-bottom: 30px; }
.extraLeftPadding { padding-left: 30px; }
.extraRightPadding { padding-right: 30px; }
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<div id="log"></div>

<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>

<div style="position: relative">
    <div class="grid fit-content itemsBaseline">
        <span class="firstRowFirstColumn horizontalTB font20 extraTopPadding" data-offset-x="17" data-offset-y="18">X</span>
        <span class="firstRowSecondColumn horizontalTB font30" data-offset-x="115" data-offset-y="34">X</span>
        <span class="firstRowThirdColumn horizontalTB font40 extraLeftPadding" data-offset-x="215" data-offset-y="26">X</span>
        <span class="firstRowFourthColumn horizontalTB font60" data-offset-x="315" data-offset-y="10">X</span>
        <span class="secondRowFirstColumn horizontalTB font30" data-offset-x="17" data-offset-y="131">A</span>
        <span class="secondRowSecondColumn horizontalTB font40 extraLeftPadding" data-offset-x="115" data-offset-y="123">A</span>
        <span class="secondRowThirdColumn horizontalTB font20 extraBottomPadding" data-offset-x="215" data-offset-y="139">A</span>
        <span class="secondRowFourthColumn horizontalTB font60" data-offset-x="315" data-offset-y="107">A</span>
        <span class="thirdRowFirstColumn horizontalTB font60 extraBottomPadding" data-offset-x="17" data-offset-y="219">A</span>
        <span class="thirdRowSecondColumn horizontalTB font20 extraTopPadding" data-offset-x="115" data-offset-y="227">A</span>
        <span class="thirdRowThirdColumn horizontalTB font40" data-offset-x="215" data-offset-y="235">A</span>
        <span class="thirdRowFourthColumn horizontalTB font30" data-offset-x="315" data-offset-y="243">A</span>
        <span class="fourthRowFirstColumn horizontalTB font40" data-offset-x="17" data-offset-y="355">A</span>
        <span class="fourthRowSecondColumn horizontalTB font60" data-offset-x="115" data-offset-y="339">A</span>
        <span class="fourthRowThirdColumn horizontalTB font30 extraTopPadding" data-offset-x="215" data-offset-y="339">A</span>
        <span class="fourthRowFourthColumn horizontalTB font20" data-offset-x="315" data-offset-y="371">A</span>
    </div>
</div>

<br clear="all">

<div style="position: relative">
    <div class="grid fit-content itemsBaseline">
        <span class="firstRowFirstColumn verticalLR font20" data-offset-x="25" data-offset-y="30">A</span>
        <span class="firstRowSecondColumn horizontalTB font30 extraTopPadding" data-offset-x="126" data-offset-y="17">A</span>
        <span class="firstRowThirdColumn verticalLR font40 extraLeftPadding" data-offset-x="224" data-offset-y="10">A</span>
        <span class="firstRowFourthColumn horizontalTB font60" data-offset-x="324" data-offset-y="17">A</span>
        <span class="secondRowFirstColumn verticalLR font30 extraTopPadding" data-offset-x="23" data-offset-y="114">A</span>
        <span class="secondRowSecondColumn horizontalTB font40" data-offset-x="126" data-offset-y="151">A</span>
        <span class="secondRowThirdColumn verticalLR font20" data-offset-x="250" data-offset-y="148">A</span>
        <span class="secondRowFourthColumn horizontalTB font60" data-offset-x="324" data-offset-y="135">A</span>
        <span class="thirdRowFirstColumn verticalLR font60" data-offset-x="17" data-offset-y="235">A</span>
        <span class="thirdRowSecondColumn horizontalTB font20" data-offset-x="126" data-offset-y="294">A</span>
        <span class="thirdRowThirdColumn verticalLR font40 extraBottomPadding" data-offset-x="246" data-offset-y="232">A</span>
        <span class="thirdRowFourthColumn horizontalTB font30 extraTopPadding" data-offset-x="324" data-offset-y="262">A</span>
        <span class="fourthRowFirstColumn verticalLR font40 extraRightPadding" data-offset-x="21" data-offset-y="353">A</span>
        <span class="fourthRowSecondColumn horizontalTB font60 extraBottomPadding" data-offset-x="126" data-offset-y="360">A</span>
        <span class="fourthRowThirdColumn verticalLR font30" data-offset-x="248" data-offset-y="363">A</span>
        <span class="fourthRowFourthColumn horizontalTB font20" data-offset-x="324" data-offset-y="392">A</span>
    </div>
</div>

<br clear="all"/>
<div style="position: relative">
    <div class="grid fit-content itemsBaseline">
        <span class="firstRowFirstColumn verticalLR font20 extraLeftPadding" data-offset-x="17" data-offset-y="30">A</span>
        <span class="firstRowSecondColumn horizontalTB font30" data-offset-x="149" data-offset-y="41">A</span>
        <span class="firstRowThirdColumn verticalLR font40 extraRightPadding" data-offset-x="217" data-offset-y="10">A</span>
        <span class="firstRowFourthColumn horizontalTB font60" data-offset-x="346" data-offset-y="17">A</span>
        <span class="secondRowFirstColumn horizontalTB font30" data-offset-x="55" data-offset-y="188">A</span>
        <span class="secondRowSecondColumn verticalLR font40" data-offset-x="129" data-offset-y="157">A</span>
        <span class="secondRowThirdColumn horizontalTB font20" data-offset-x="237" data-offset-y="196">A</span>
        <span class="secondRowFourthColumn verticalLR font60 extraBottomPadding" data-offset-x="322" data-offset-y="114">A</span>
        <span class="thirdRowFirstColumn verticalLR font60 extraBottomPadding" data-offset-x="31" data-offset-y="255">A</span>
        <span class="thirdRowThirdColumn verticalLR font40 extraTopPadding" data-offset-x="217" data-offset-y="274">A</span>
        <span class="thirdRowFourthColumn horizontalTB font30" data-offset-x="149" data-offset-y="329">A</span>
        <span class="fourthRowFirstColumn horizontalTB font40" data-offset-x="346" data-offset-y="321">A</span>
        <span class="fourthRowSecondColumn verticalLR font60" data-offset-x="31" data-offset-y="398">A</span>
        <span class="fourthRowThirdColumn horizontalTB font30" data-offset-x="149" data-offset-y="449">A</span>
        <span class="fourthRowFourthColumn verticalLR font20" data-offset-x="221" data-offset-y="438">A</span>
    </div>
</div>

<br clear="all">

<div style="position: relative">
    <div class="grid fit-content itemsBaseline verticalLR">
        <span class="firstRowFirstColumn horizontalTB font20" data-offset-x="17" data-offset-y="42">A</span>
        <span class="firstRowSecondColumn horizontalTB font30" data-offset-x="17" data-offset-y="172">A</span>
        <span class="firstRowThirdColumn horizontalTB font40 extraRightPadding" data-offset-x="17" data-offset-y="284">A</span>
        <span class="firstRowFourthColumn horizontalTB font60" data-offset-x="17" data-offset-y="361">A</span>
        <span class="secondRowFirstColumn horizontalTB font30 extraBottomPadding" data-offset-x="122" data-offset-y="34">A</span>
        <span class="secondRowSecondColumn horizontalTB font40" data-offset-x="122" data-offset-y="164">A</span>
        <span class="secondRowThirdColumn horizontalTB font20" data-offset-x="122" data-offset-y="300">A</span>
        <span class="secondRowFourthColumn horizontalTB font60" data-offset-x="122" data-offset-y="361">A</span>
        <span class="thirdRowFirstColumn horizontalTB font60" data-offset-x="220" data-offset-y="10">A</span>
        <span class="thirdRowSecondColumn horizontalTB font20 extraBottomPadding" data-offset-x="220" data-offset-y="180">A</span>
        <span class="thirdRowThirdColumn horizontalTB font40 extraTopPadding" data-offset-x="220" data-offset-y="260">A</span>
        <span class="thirdRowFourthColumn horizontalTB font30" data-offset-x="220" data-offset-y="385">A</span>
        <span class="fourthRowFirstColumn horizontalTB font40 extraRightPadding" data-offset-x="318" data-offset-y="26">A</span>
        <span class="fourthRowSecondColumn horizontalTB font60 extraTopPadding" data-offset-x="318" data-offset-y="124">A</span>
        <span class="fourthRowThirdColumn horizontalTB font30" data-offset-x="318" data-offset-y="292">A</span>
        <span class="fourthRowFourthColumn horizontalTB font20" data-offset-x="318" data-offset-y="393">A</span>
    </div>
</div>

<br clear="all">

<div style="position: relative">
    <div class="grid fit-content itemsBaseline verticalLR">
        <span class="firstRowFirstColumn verticalLR font20" data-offset-x="21" data-offset-y="73">A</span>
        <span class="firstRowSecondColumn horizontalTB font30 extraTopPadding" data-offset-x="37" data-offset-y="130">A</span>
        <span class="firstRowThirdColumn verticalLR font40 extraBottomPadding" data-offset-x="17" data-offset-y="227">A</span>
        <span class="firstRowFourthColumn horizontalTB font60" data-offset-x="37" data-offset-y="327">A</span>
        <span class="secondRowFirstColumn verticalLR font30" data-offset-x="135" data-offset-y="63">A</span>
        <span class="secondRowSecondColumn horizontalTB font40" data-offset-x="153" data-offset-y="146">A</span>
        <span class="secondRowThirdColumn verticalLR font20" data-offset-x="137" data-offset-y="270">A</span>
        <span class="secondRowFourthColumn horizontalTB font60" data-offset-x="153" data-offset-y="327">A</span>
        <span class="thirdRowFirstColumn verticalLR font60 extraBottomPadding" data-offset-x="251" data-offset-y="10">A</span>
        <span class="thirdRowSecondColumn horizontalTB font20 extraTopPadding" data-offset-x="275" data-offset-y="138">A</span>
        <span class="thirdRowThirdColumn verticalLR font40" data-offset-x="255" data-offset-y="250">A</span>
        <span class="thirdRowFourthColumn horizontalTB font30 extraTopPadding" data-offset-x="275" data-offset-y="327">A</span>
        <span class="fourthRowFirstColumn verticalLR font40" data-offset-x="349" data-offset-y="53">A</span>
        <span class="fourthRowSecondColumn horizontalTB font60" data-offset-x="369" data-offset-y="130">A</span>
        <span class="fourthRowThirdColumn verticalLR font30" data-offset-x="351" data-offset-y="260">A</span>
        <span class="fourthRowFourthColumn horizontalTB font20" data-offset-x="369" data-offset-y="359">A</span>
    </div>
</div>

<br clear="all">

<div style="position: relative">
    <div class="grid fit-content itemsBaseline verticalLR">
        <span class="firstRowFirstColumn verticalLR font20 extraBottomPadding" data-offset-x="21" data-offset-y="51">A</span>
        <span class="firstRowSecondColumn horizontalTB font30 extraTopPadding" data-offset-x="37" data-offset-y="181">A</span>
        <span class="firstRowThirdColumn verticalLR font40" data-offset-x="17" data-offset-y="272">A</span>
        <span class="firstRowFourthColumn horizontalTB font60" data-offset-x="37" data-offset-y="418">A</span>
        <span class="secondRowFirstColumn horizontalTB font30" data-offset-x="159" data-offset-y="85">A</span>
        <span class="secondRowSecondColumn verticalLR font40" data-offset-x="139" data-offset-y="174">A</span>
        <span class="secondRowThirdColumn horizontalTB font20 extraBottomPadding" data-offset-x="159" data-offset-y="311">A</span>
        <span class="secondRowFourthColumn verticalLR font60" data-offset-x="135" data-offset-y="391">A</span>
        <span class="thirdRowFirstColumn verticalLR font60 extraTopPadding" data-offset-x="233" data-offset-y="10">A</span>
        <span class="thirdRowSecondColumn horizontalTB font20" data-offset-x="257" data-offset-y="213">A</span>
        <span class="thirdRowThirdColumn verticalLR font40" data-offset-x="237" data-offset-y="272">A</span>
        <span class="thirdRowFourthColumn horizontalTB font30" data-offset-x="257" data-offset-y="442">A</span>
        <span class="fourthRowFirstColumn horizontalTB font40" data-offset-x="355" data-offset-y="77">A</span>
        <span class="fourthRowSecondColumn verticalLR font60" data-offset-x="331" data-offset-y="154">A</span>
        <span class="fourthRowThirdColumn horizontalTB font30 extraTopPadding" data-offset-x="355" data-offset-y="279">A</span>
        <span class="fourthRowFourthColumn verticalLR font20" data-offset-x="339" data-offset-y="431">A</span>
    </div>
</div>

<br clear="all">

<div style="position: relative">
    <div class="grid fit-content itemsBaseline verticalRL">
        <span class="firstRowFirstColumn horizontalTB font20 extraTopPadding" data-offset-x="333" data-offset-y="18">A</span>
        <span class="firstRowSecondColumn horizontalTB font30" data-offset-x="333" data-offset-y="155">A</span>
        <span class="firstRowThirdColumn horizontalTB font40" data-offset-x="333" data-offset-y="267">A</span>
        <span class="firstRowFourthColumn horizontalTB font60 extraBottomPadding" data-offset-x="333" data-offset-y="344">A</span>
        <span class="secondRowFirstColumn horizontalTB font30" data-offset-x="235" data-offset-y="34">A</span>
        <span class="secondRowSecondColumn horizontalTB font40 extraTopPadding" data-offset-x="235" data-offset-y="123">A</span>
        <span class="secondRowThirdColumn horizontalTB font20" data-offset-x="235" data-offset-y="283">A</span>
        <span class="secondRowFourthColumn horizontalTB font60" data-offset-x="235" data-offset-y="344">A</span>
        <span class="thirdRowFirstColumn horizontalTB font60 extraLeftPadding" data-offset-x="115" data-offset-y="10">A</span>
        <span class="thirdRowSecondColumn horizontalTB font20 extraBottomPadding" data-offset-x="115" data-offset-y="163">A</span>
        <span class="thirdRowThirdColumn horizontalTB font40 extraTopPadding" data-offset-x="115" data-offset-y="243">A</span>
        <span class="thirdRowFourthColumn horizontalTB font30 extraTopPadding" data-offset-x="115" data-offset-y="344">A</span>
        <span class="fourthRowFirstColumn horizontalTB font40" data-offset-x="17" data-offset-y="26">A</span>
        <span class="fourthRowSecondColumn horizontalTB font60 extraTopPadding" data-offset-x="17" data-offset-y="107">A</span>
        <span class="fourthRowThirdColumn horizontalTB font30" data-offset-x="17" data-offset-y="275">A</span>
        <span class="fourthRowFourthColumn horizontalTB font20" data-offset-x="17" data-offset-y="376">A</span>
    </div>
</div>

<br clear="all">

<div style="position: relative">
    <div class="grid fit-content itemsBaseline verticalRL">
        <span class="firstRowFirstColumn verticalLR font20" data-offset-x="315" data-offset-y="73">A</span>
        <span class="firstRowSecondColumn horizontalTB font30" data-offset-x="311" data-offset-y="162">A</span>
        <span class="firstRowThirdColumn verticalLR font40 extraTopPadding" data-offset-x="311" data-offset-y="235">A</span>
        <span class="firstRowFourthColumn horizontalTB font60 extraRightPadding" data-offset-x="311" data-offset-y="336">A</span>
        <span class="secondRowFirstColumn verticalLR font30" data-offset-x="213" data-offset-y="63">A</span>
        <span class="secondRowSecondColumn horizontalTB font40 extraTopPadding" data-offset-x="213" data-offset-y="130">A</span>
        <span class="secondRowThirdColumn verticalLR font20" data-offset-x="215" data-offset-y="279">A</span>
        <span class="secondRowFourthColumn horizontalTB font60" data-offset-x="213" data-offset-y="336">A</span>
        <span class="thirdRowFirstColumn verticalLR font60 extraBottomPadding" data-offset-x="115" data-offset-y="10">A</span>
        <span class="thirdRowSecondColumn horizontalTB font20" data-offset-x="145" data-offset-y="170">A</span>
        <span class="thirdRowThirdColumn verticalLR font40" data-offset-x="119" data-offset-y="259">A</span>
        <span class="thirdRowFourthColumn horizontalTB font30" data-offset-x="145" data-offset-y="360">A</span>
        <span class="fourthRowFirstColumn verticalLR font40 extraTopPadding" data-offset-x="17" data-offset-y="29">A</span>
        <span class="fourthRowSecondColumn horizontalTB font60" data-offset-x="17" data-offset-y="138">A</span>
        <span class="fourthRowThirdColumn verticalLR font30 extraBottomPadding" data-offset-x="19" data-offset-y="246">A</span>
        <span class="fourthRowFourthColumn horizontalTB font20" data-offset-x="17" data-offset-y="368">A</span>
    </div>
</div>

<br clear="all">

<div style="position: relative">
    <div class="grid fit-content itemsBaseline verticalRL">
        <span class="firstRowFirstColumn verticalLR font20" data-offset-x="315" data-offset-y="50">A</span>
        <span class="firstRowSecondColumn horizontalTB font30 extraBottomPadding" data-offset-x="311" data-offset-y="202">A</span>
        <span class="firstRowThirdColumn verticalLR font40" data-offset-x="311" data-offset-y="292">A</span>
        <span class="firstRowFourthColumn horizontalTB font60" data-offset-x="311" data-offset-y="440">A</span>
        <span class="secondRowFirstColumn horizontalTB font30 extraBottomPadding" data-offset-x="243" data-offset-y="61">A</span>
        <span class="secondRowSecondColumn verticalLR font40" data-offset-x="217" data-offset-y="171">A</span>
        <span class="secondRowThirdColumn horizontalTB font20" data-offset-x="243" data-offset-y="331">A</span>
        <span class="secondRowFourthColumn verticalLR font60" data-offset-x="213" data-offset-y="413">A</span>
        <span class="thirdRowFirstColumn verticalLR font60" data-offset-x="115" data-offset-y="10">A</span>
        <span class="thirdRowSecondColumn horizontalTB font20 extraLeftPadding" data-offset-x="133" data-offset-y="210">A</span>
        <span class="thirdRowThirdColumn verticalLR font40" data-offset-x="119" data-offset-y="292">A</span>
        <span class="thirdRowFourthColumn horizontalTB font30" data-offset-x="133" data-offset-y="464">A</span>
        <span class="fourthRowFirstColumn horizontalTB font40" data-offset-x="37" data-offset-y="53">A</span>
        <span class="fourthRowSecondColumn verticalLR font60" data-offset-x="17" data-offset-y="151">A</span>
        <span class="fourthRowThirdColumn horizontalTB font30 extraBottomPadding" data-offset-x="37" data-offset-y="323">A</span>
        <span class="fourthRowFourthColumn verticalLR font20" data-offset-x="25" data-offset-y="453">A</span>
    </div>
</div>

<br clear="all">

<div style="position: relative">
    <div class="grid fit-content itemsBaseline">
        <span class="firstRowFirstColumn horizontalTB font20" data-offset-x="17" data-offset-y="42">A<br/>A</span>
        <span class="firstRowSecondColumn horizontalTB font30" data-offset-x="115" data-offset-y="34">A<br/>A</span>
        <span class="firstRowThirdColumn horizontalTB font40" data-offset-x="213" data-offset-y="26">A<br/>A</span>
        <span class="firstRowFourthColumn horizontalTB font60" data-offset-x="291" data-offset-y="10">A<br/>A</span>
        <span class="secondRowFirstColumn horizontalTB font30" data-offset-x="17" data-offset-y="191">A<br/>A</span>
        <span class="secondRowSecondColumn horizontalTB font40" data-offset-x="115" data-offset-y="183">A<br/>A</span>
        <span class="secondRowThirdColumn horizontalTB font20" data-offset-x="213" data-offset-y="199">A<br/>A</span>
        <span class="secondRowFourthColumn horizontalTB font60" data-offset-x="291" data-offset-y="167">A<br/>A</span>
        <span class="thirdRowFirstColumn horizontalTB font60" data-offset-x="17" data-offset-y="324">A<br/>A</span>
        <span class="thirdRowSecondColumn horizontalTB font20" data-offset-x="115" data-offset-y="356">A<br/>A</span>
        <span class="thirdRowThirdColumn horizontalTB font40 extraBottomPadding" data-offset-x="213" data-offset-y="340">A<br/>A</span>
        <span class="thirdRowFourthColumn horizontalTB font30" data-offset-x="291" data-offset-y="348">A<br/>A</span>
        <span class="fourthRowFirstColumn horizontalTB font40 extraBottomPadding" data-offset-x="17" data-offset-y="497">A<br/>A</span>
        <span class="fourthRowSecondColumn horizontalTB font60" data-offset-x="115" data-offset-y="481">A<br/>A</span>
        <span class="fourthRowThirdColumn horizontalTB font30" data-offset-x="213" data-offset-y="505">A<br/>A</span>
        <span class="fourthRowFourthColumn horizontalTB font20" data-offset-x="291" data-offset-y="513">A<br/>A</span>
    </div>
</div>

<br clear="all">

<div style="position: relative">
    <div class="grid fit-content itemsBaseline">
        <span class="firstRowFirstColumn verticalLR font20 extraLeftPadding" data-offset-x="17" data-offset-y="30">A<br/>A</span>
        <span class="firstRowSecondColumn horizontalTB font30 extraBottomPadding" data-offset-x="189" data-offset-y="41">A<br/>A</span>
        <span class="firstRowThirdColumn verticalLR font40" data-offset-x="287" data-offset-y="10">A<br/>A</span>
        <span class="firstRowFourthColumn horizontalTB font60" data-offset-x="405" data-offset-y="17">A<br/>A</span>
        <span class="secondRowFirstColumn verticalLR font30 extraTopPadding" data-offset-x="37" data-offset-y="174">A<br/>A</span>
        <span class="secondRowSecondColumn horizontalTB font40" data-offset-x="189" data-offset-y="211">A<br/>A</span>
        <span class="secondRowThirdColumn verticalLR font20 extraTopPadding" data-offset-x="291" data-offset-y="184">A<br/>A</span>
        <span class="secondRowFourthColumn horizontalTB font60 extraLeftPadding" data-offset-x="405" data-offset-y="195">A<br/>A</span>
        <span class="thirdRowFirstColumn verticalLR font60" data-offset-x="31" data-offset-y="352">A<br/>A</span>
        <span class="thirdRowSecondColumn horizontalTB font20 extraTopPadding" data-offset-x="189" data-offset-y="387">A<br/>A</span>
        <span class="thirdRowThirdColumn verticalLR font40" data-offset-x="287" data-offset-y="372">A<br/>A</span>
        <span class="thirdRowFourthColumn horizontalTB font30" data-offset-x="405" data-offset-y="403">A<br/>A</span>
        <span class="fourthRowFirstColumn verticalLR font40" data-offset-x="35" data-offset-y="513">A<br/>A</span>
        <span class="fourthRowSecondColumn horizontalTB font60" data-offset-x="189" data-offset-y="520">A<br/>A</span>
        <span class="fourthRowThirdColumn verticalLR font30 extraBottomPadding" data-offset-x="289" data-offset-y="500">A<br/>A</span>
        <span class="fourthRowFourthColumn horizontalTB font20 extraTopPadding" data-offset-x="405" data-offset-y="528">A<br/>A</span>
    </div>
</div>

<br clear="all">

<div style="position: relative">
    <div class="grid fit-content itemsBaseline">
        <span class="firstRowFirstColumn verticalLR font20 extraTopPadding" data-offset-x="25" data-offset-y="10">A<br/>A</span>
        <span class="firstRowSecondColumn horizontalTB font30 extraBottomPadding" data-offset-x="199" data-offset-y="45">A<br/>A</span>
        <span class="firstRowThirdColumn verticalLR font40" data-offset-x="355" data-offset-y="14">A<br/>A</span>
        <span class="firstRowFourthColumn horizontalTB font60" data-offset-x="497" data-offset-y="21">A<br/>A</span>
        <span class="secondRowFirstColumn horizontalTB font30" data-offset-x="41" data-offset-y="229">A<br/>A</span>
        <span class="secondRowSecondColumn verticalLR font40" data-offset-x="179" data-offset-y="198">A<br/>A</span>
        <span class="secondRowThirdColumn horizontalTB font20 extraTopPadding" data-offset-x="375" data-offset-y="213">A<br/>A</span>
        <span class="secondRowFourthColumn verticalLR font60" data-offset-x="473" data-offset-y="178">A<br/>A</span>
        <span class="thirdRowFirstColumn verticalLR font60" data-offset-x="17" data-offset-y="326">A<br/>A</span>
        <span class="thirdRowSecondColumn horizontalTB font20 extraTopPadding" data-offset-x="199" data-offset-y="361">A<br/>A</span>
        <span class="thirdRowThirdColumn verticalLR font40 extraLeftPadding" data-offset-x="333" data-offset-y="346">A<br/>A</span>
        <span class="thirdRowFourthColumn horizontalTB font30 extraTopPadding" data-offset-x="497" data-offset-y="353">A<br/>A</span>
        <span class="fourthRowFirstColumn horizontalTB font40" data-offset-x="41" data-offset-y="517">A<br/>A</span>
        <span class="fourthRowSecondColumn verticalLR font60" data-offset-x="175" data-offset-y="474">A<br/>A</span>
        <span class="fourthRowThirdColumn horizontalTB font30" data-offset-x="375" data-offset-y="525">A<br/>A</span>
        <span class="fourthRowFourthColumn verticalLR font20" data-offset-x="481" data-offset-y="514">A<br/>A</span>
    </div>
</div>
</body>