[ tor-browser ].git.dasho

multiline-align-self.html (125190B)
      1 <html>
      2 <head>
      3 <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#align-items-property">
      4 <style>
      5 .flexbox {
      6  position: relative;
      7  display: flex;
      8  background-color: grey;
      9  max-width: 600px;
     10  align-content: flex-start;
     11 }
     12 .title {
     13  margin-top: 1em;
     14 }
     15 .ltr {
     16  direction: ltr;
     17 }
     18 .rtl {
     19  direction: rtl;
     20 }
     21 .horizontal-tb {
     22  writing-mode: horizontal-tb;
     23 }
     24 .vertical-rl {
     25  writing-mode: vertical-rl;
     26 }
     27 .vertical-lr {
     28  writing-mode: vertical-lr;
     29 }
     30 .row {
     31  flex-flow: row;
     32 }
     33 .row-reverse {
     34  flex-flow: row-reverse;
     35 }
     36 .column {
     37  flex-flow: column;
     38 }
     39 .column-reverse {
     40  flex-flow: column-reverse;
     41 }
     42 .wrap {
     43  flex-wrap: wrap;
     44 }
     45 .wrap-reverse {
     46  flex-wrap: wrap-reverse;
     47 }
     48 .flexbox> :nth-child(1) {
     49  background-color: #0f0;
     50 }
     51 .flexbox> :nth-child(2) {
     52  background-color: #0d0;
     53 }
     54 .flexbox> :nth-child(3) {
     55  background-color: #0b0;
     56 }
     57 .flexbox> :nth-child(4) {
     58  background-color: #090;
     59 }
     60 .flexbox> :nth-child(5) {
     61  background-color: #070;
     62 }
     63 .flexbox> :nth-child(6) {
     64  background-color: #050;
     65 }
     66 .flexbox> :nth-child(7) {
     67  background-color: #030;
     68 }
     69 .flexbox> :nth-child(8) {
     70  background-color: #00f;
     71 }
     72 .flexbox> :nth-child(9) {
     73  background-color: #00d;
     74 }
     75 .flexbox> :nth-child(10) {
     76  background-color: #00b;
     77 }
     78 .flexbox> :nth-child(11) {
     79  background-color: #009;
     80 }
     81 .flexbox> :nth-child(12) {
     82  background-color: #007;
     83 }
     84 .flexbox> :nth-child(13) {
     85  background-color: #005;
     86 }
     87 .flexbox> :nth-child(14) {
     88  background-color: #003;
     89 }
     90 </style>
     91 <script src="/resources/testharness.js"></script>
     92 <script src="/resources/testharnessreport.js"></script>
     93 <script src="/resources/check-layout-th.js"></script>
     94 </head>
     95 
     96 <body onload="checkLayout('.flexbox')">
     97  <div class="title">horizontal-tb ltr row wrap</div>
     98  <div class="flexbox horizontal-tb ltr row wrap" style="width: 70px" data-expected-width="70"
     99    data-expected-height="60">
    100    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    101      data-offset-x="0" data-offset-y="0"></div>
    102    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    103      data-offset-x="10" data-offset-y="10"></div>
    104    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    105      data-offset-x="20" data-offset-y="20"></div>
    106    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    107      data-offset-x="30" data-offset-y="5"></div>
    108    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    109      data-expected-height="10" data-offset-x="40" data-offset-y="5"></div>
    110    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    111      data-offset-x="50" data-offset-y="0"></div>
    112    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    113      data-offset-x="60" data-offset-y="0"></div>
    114    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    115      data-offset-x="0" data-offset-y="30"></div>
    116    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    117      data-offset-x="10" data-offset-y="40"></div>
    118    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    119      data-offset-x="20" data-offset-y="50"></div>
    120    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    121      data-offset-x="30" data-offset-y="35"></div>
    122    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    123      data-expected-height="10" data-offset-x="40" data-offset-y="35"></div>
    124    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    125      data-offset-x="50" data-offset-y="30"></div>
    126    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    127      data-offset-x="60" data-offset-y="30"></div>
    128  </div>
    129  <div class="title">horizontal-tb ltr row wrap-reverse</div>
    130  <div class="flexbox horizontal-tb ltr row wrap-reverse" style="width: 70px" data-expected-width="70"
    131    data-expected-height="60">
    132    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    133      data-offset-x="0" data-offset-y="50"></div>
    134    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    135      data-offset-x="10" data-offset-y="40"></div>
    136    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    137      data-offset-x="20" data-offset-y="30"></div>
    138    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    139      data-offset-x="30" data-offset-y="50"></div>
    140    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    141      data-expected-height="10" data-offset-x="40" data-offset-y="50"></div>
    142    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    143      data-offset-x="50" data-offset-y="30"></div>
    144    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    145      data-offset-x="60" data-offset-y="30"></div>
    146    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    147      data-offset-x="0" data-offset-y="20"></div>
    148    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    149      data-offset-x="10" data-offset-y="10"></div>
    150    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    151      data-offset-x="20" data-offset-y="0"></div>
    152    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    153      data-offset-x="30" data-offset-y="20"></div>
    154    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    155      data-expected-height="10" data-offset-x="40" data-offset-y="20"></div>
    156    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    157      data-offset-x="50" data-offset-y="0"></div>
    158    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    159      data-offset-x="60" data-offset-y="0"></div>
    160  </div>
    161  <div class="title">horizontal-tb rtl row wrap</div>
    162  <div class="flexbox horizontal-tb rtl row wrap" style="width: 70px" data-expected-width="70"
    163    data-expected-height="60">
    164    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    165      data-offset-x="60" data-offset-y="0"></div>
    166    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    167      data-offset-x="50" data-offset-y="10"></div>
    168    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    169      data-offset-x="40" data-offset-y="20"></div>
    170    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    171      data-offset-x="30" data-offset-y="5"></div>
    172    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    173      data-expected-height="10" data-offset-x="20" data-offset-y="5"></div>
    174    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    175      data-offset-x="10" data-offset-y="0"></div>
    176    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    177      data-offset-x="0" data-offset-y="0"></div>
    178    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    179      data-offset-x="60" data-offset-y="30"></div>
    180    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    181      data-offset-x="50" data-offset-y="40"></div>
    182    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    183      data-offset-x="40" data-offset-y="50"></div>
    184    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    185      data-offset-x="30" data-offset-y="35"></div>
    186    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    187      data-expected-height="10" data-offset-x="20" data-offset-y="35"></div>
    188    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    189      data-offset-x="10" data-offset-y="30"></div>
    190    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    191      data-offset-x="0" data-offset-y="30"></div>
    192  </div>
    193  <div class="title">horizontal-tb rtl row wrap-reverse</div>
    194  <div class="flexbox horizontal-tb rtl row wrap-reverse" style="width: 70px" data-expected-width="70"
    195    data-expected-height="60">
    196    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    197      data-offset-x="60" data-offset-y="50"></div>
    198    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    199      data-offset-x="50" data-offset-y="40"></div>
    200    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    201      data-offset-x="40" data-offset-y="30"></div>
    202    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    203      data-offset-x="30" data-offset-y="50"></div>
    204    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    205      data-expected-height="10" data-offset-x="20" data-offset-y="50"></div>
    206    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    207      data-offset-x="10" data-offset-y="30"></div>
    208    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    209      data-offset-x="0" data-offset-y="30"></div>
    210    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    211      data-offset-x="60" data-offset-y="20"></div>
    212    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    213      data-offset-x="50" data-offset-y="10"></div>
    214    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    215      data-offset-x="40" data-offset-y="0"></div>
    216    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    217      data-offset-x="30" data-offset-y="20"></div>
    218    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    219      data-expected-height="10" data-offset-x="20" data-offset-y="20"></div>
    220    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    221      data-offset-x="10" data-offset-y="0"></div>
    222    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    223      data-offset-x="0" data-offset-y="0"></div>
    224  </div>
    225  <div class="title">horizontal-tb ltr column wrap</div>
    226  <div class="flexbox horizontal-tb ltr column wrap" style="height: 70px" data-expected-width="600"
    227    data-expected-height="70">
    228    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    229      data-offset-x="0" data-offset-y="0"></div>
    230    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    231      data-offset-x="10" data-offset-y="10"></div>
    232    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    233      data-offset-x="20" data-offset-y="20"></div>
    234    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    235      data-offset-x="5" data-offset-y="30"></div>
    236    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    237      data-expected-height="10" data-offset-x="5" data-offset-y="40"></div>
    238    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    239      data-offset-x="0" data-offset-y="50"></div>
    240    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    241      data-offset-x="0" data-offset-y="60"></div>
    242    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    243      data-offset-x="30" data-offset-y="0"></div>
    244    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    245      data-offset-x="40" data-offset-y="10"></div>
    246    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    247      data-offset-x="50" data-offset-y="20"></div>
    248    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    249      data-offset-x="35" data-offset-y="30"></div>
    250    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    251      data-expected-height="10" data-offset-x="35" data-offset-y="40"></div>
    252    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    253      data-offset-x="30" data-offset-y="50"></div>
    254    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    255      data-offset-x="30" data-offset-y="60"></div>
    256  </div>
    257  <div class="title">horizontal-tb ltr column wrap-reverse</div>
    258  <div class="flexbox horizontal-tb ltr column wrap-reverse" style="height: 70px" data-expected-width="600"
    259    data-expected-height="70">
    260    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    261      data-offset-x="590" data-offset-y="0"></div>
    262    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    263      data-offset-x="580" data-offset-y="10"></div>
    264    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    265      data-offset-x="570" data-offset-y="20"></div>
    266    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    267      data-offset-x="590" data-offset-y="30"></div>
    268    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    269      data-expected-height="10" data-offset-x="590" data-offset-y="40"></div>
    270    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    271      data-offset-x="570" data-offset-y="50"></div>
    272    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    273      data-offset-x="570" data-offset-y="60"></div>
    274    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    275      data-offset-x="560" data-offset-y="0"></div>
    276    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    277      data-offset-x="550" data-offset-y="10"></div>
    278    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    279      data-offset-x="540" data-offset-y="20"></div>
    280    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    281      data-offset-x="560" data-offset-y="30"></div>
    282    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    283      data-expected-height="10" data-offset-x="560" data-offset-y="40"></div>
    284    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    285      data-offset-x="540" data-offset-y="50"></div>
    286    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    287      data-offset-x="540" data-offset-y="60"></div>
    288  </div>
    289  <div class="title">horizontal-tb rtl column wrap</div>
    290  <div class="flexbox horizontal-tb rtl column wrap" style="height: 70px" data-expected-width="600"
    291    data-expected-height="70">
    292    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    293      data-offset-x="590" data-offset-y="0"></div>
    294    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    295      data-offset-x="580" data-offset-y="10"></div>
    296    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    297      data-offset-x="570" data-offset-y="20"></div>
    298    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    299      data-offset-x="585" data-offset-y="30"></div>
    300    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    301      data-expected-height="10" data-offset-x="585" data-offset-y="40"></div>
    302    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    303      data-offset-x="570" data-offset-y="50"></div>
    304    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    305      data-offset-x="570" data-offset-y="60"></div>
    306    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    307      data-offset-x="560" data-offset-y="0"></div>
    308    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    309      data-offset-x="550" data-offset-y="10"></div>
    310    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    311      data-offset-x="540" data-offset-y="20"></div>
    312    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    313      data-offset-x="555" data-offset-y="30"></div>
    314    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    315      data-expected-height="10" data-offset-x="555" data-offset-y="40"></div>
    316    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    317      data-offset-x="540" data-offset-y="50"></div>
    318    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    319      data-offset-x="540" data-offset-y="60"></div>
    320  </div>
    321  <div class="title">horizontal-tb rtl column wrap-reverse</div>
    322  <div class="flexbox horizontal-tb rtl column wrap-reverse" style="height: 70px" data-expected-width="600"
    323    data-expected-height="70">
    324    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    325      data-offset-x="0" data-offset-y="0"></div>
    326    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    327      data-offset-x="10" data-offset-y="10"></div>
    328    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    329      data-offset-x="20" data-offset-y="20"></div>
    330    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    331      data-offset-x="0" data-offset-y="30"></div>
    332    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    333      data-expected-height="10" data-offset-x="0" data-offset-y="40"></div>
    334    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    335      data-offset-x="0" data-offset-y="50"></div>
    336    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    337      data-offset-x="0" data-offset-y="60"></div>
    338    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    339      data-offset-x="30" data-offset-y="0"></div>
    340    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    341      data-offset-x="40" data-offset-y="10"></div>
    342    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    343      data-offset-x="50" data-offset-y="20"></div>
    344    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    345      data-offset-x="30" data-offset-y="30"></div>
    346    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    347      data-expected-height="10" data-offset-x="30" data-offset-y="40"></div>
    348    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    349      data-offset-x="30" data-offset-y="50"></div>
    350    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    351      data-offset-x="30" data-offset-y="60"></div>
    352  </div>
    353  <div class="title">horizontal-tb ltr row-reverse wrap</div>
    354  <div class="flexbox horizontal-tb ltr row-reverse wrap" style="width: 70px" data-expected-width="70"
    355    data-expected-height="60">
    356    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    357      data-offset-x="60" data-offset-y="0"></div>
    358    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    359      data-offset-x="50" data-offset-y="10"></div>
    360    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    361      data-offset-x="40" data-offset-y="20"></div>
    362    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    363      data-offset-x="30" data-offset-y="5"></div>
    364    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    365      data-expected-height="10" data-offset-x="20" data-offset-y="5"></div>
    366    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    367      data-offset-x="10" data-offset-y="0"></div>
    368    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    369      data-offset-x="0" data-offset-y="0"></div>
    370    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    371      data-offset-x="60" data-offset-y="30"></div>
    372    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    373      data-offset-x="50" data-offset-y="40"></div>
    374    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    375      data-offset-x="40" data-offset-y="50"></div>
    376    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    377      data-offset-x="30" data-offset-y="35"></div>
    378    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    379      data-expected-height="10" data-offset-x="20" data-offset-y="35"></div>
    380    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    381      data-offset-x="10" data-offset-y="30"></div>
    382    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    383      data-offset-x="0" data-offset-y="30"></div>
    384  </div>
    385  <div class="title">horizontal-tb ltr row-reverse wrap-reverse</div>
    386  <div class="flexbox horizontal-tb ltr row-reverse wrap-reverse" style="width: 70px" data-expected-width="70"
    387    data-expected-height="60">
    388    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    389      data-offset-x="60" data-offset-y="50"></div>
    390    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    391      data-offset-x="50" data-offset-y="40"></div>
    392    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    393      data-offset-x="40" data-offset-y="30"></div>
    394    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    395      data-offset-x="30" data-offset-y="50"></div>
    396    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    397      data-expected-height="10" data-offset-x="20" data-offset-y="50"></div>
    398    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    399      data-offset-x="10" data-offset-y="30"></div>
    400    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    401      data-offset-x="0" data-offset-y="30"></div>
    402    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    403      data-offset-x="60" data-offset-y="20"></div>
    404    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    405      data-offset-x="50" data-offset-y="10"></div>
    406    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    407      data-offset-x="40" data-offset-y="0"></div>
    408    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    409      data-offset-x="30" data-offset-y="20"></div>
    410    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    411      data-expected-height="10" data-offset-x="20" data-offset-y="20"></div>
    412    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    413      data-offset-x="10" data-offset-y="0"></div>
    414    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    415      data-offset-x="0" data-offset-y="0"></div>
    416  </div>
    417  <div class="title">horizontal-tb rtl row-reverse wrap</div>
    418  <div class="flexbox horizontal-tb rtl row-reverse wrap" style="width: 70px" data-expected-width="70"
    419    data-expected-height="60">
    420    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    421      data-offset-x="0" data-offset-y="0"></div>
    422    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    423      data-offset-x="10" data-offset-y="10"></div>
    424    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    425      data-offset-x="20" data-offset-y="20"></div>
    426    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    427      data-offset-x="30" data-offset-y="5"></div>
    428    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    429      data-expected-height="10" data-offset-x="40" data-offset-y="5"></div>
    430    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    431      data-offset-x="50" data-offset-y="0"></div>
    432    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    433      data-offset-x="60" data-offset-y="0"></div>
    434    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    435      data-offset-x="0" data-offset-y="30"></div>
    436    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    437      data-offset-x="10" data-offset-y="40"></div>
    438    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    439      data-offset-x="20" data-offset-y="50"></div>
    440    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    441      data-offset-x="30" data-offset-y="35"></div>
    442    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    443      data-expected-height="10" data-offset-x="40" data-offset-y="35"></div>
    444    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    445      data-offset-x="50" data-offset-y="30"></div>
    446    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    447      data-offset-x="60" data-offset-y="30"></div>
    448  </div>
    449  <div class="title">horizontal-tb rtl row-reverse wrap-reverse</div>
    450  <div class="flexbox horizontal-tb rtl row-reverse wrap-reverse" style="width: 70px" data-expected-width="70"
    451    data-expected-height="60">
    452    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    453      data-offset-x="0" data-offset-y="50"></div>
    454    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    455      data-offset-x="10" data-offset-y="40"></div>
    456    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    457      data-offset-x="20" data-offset-y="30"></div>
    458    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    459      data-offset-x="30" data-offset-y="50"></div>
    460    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    461      data-expected-height="10" data-offset-x="40" data-offset-y="50"></div>
    462    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    463      data-offset-x="50" data-offset-y="30"></div>
    464    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    465      data-offset-x="60" data-offset-y="30"></div>
    466    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    467      data-offset-x="0" data-offset-y="20"></div>
    468    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    469      data-offset-x="10" data-offset-y="10"></div>
    470    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    471      data-offset-x="20" data-offset-y="0"></div>
    472    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    473      data-offset-x="30" data-offset-y="20"></div>
    474    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    475      data-expected-height="10" data-offset-x="40" data-offset-y="20"></div>
    476    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    477      data-offset-x="50" data-offset-y="0"></div>
    478    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    479      data-offset-x="60" data-offset-y="0"></div>
    480  </div>
    481  <div class="title">horizontal-tb ltr column-reverse wrap</div>
    482  <div class="flexbox horizontal-tb ltr column-reverse wrap" style="height: 70px" data-expected-width="600"
    483    data-expected-height="70">
    484    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    485      data-offset-x="0" data-offset-y="60"></div>
    486    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    487      data-offset-x="10" data-offset-y="50"></div>
    488    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    489      data-offset-x="20" data-offset-y="40"></div>
    490    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    491      data-offset-x="5" data-offset-y="30"></div>
    492    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    493      data-expected-height="10" data-offset-x="5" data-offset-y="20"></div>
    494    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    495      data-offset-x="0" data-offset-y="10"></div>
    496    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    497      data-offset-x="0" data-offset-y="0"></div>
    498    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    499      data-offset-x="30" data-offset-y="60"></div>
    500    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    501      data-offset-x="40" data-offset-y="50"></div>
    502    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    503      data-offset-x="50" data-offset-y="40"></div>
    504    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    505      data-offset-x="35" data-offset-y="30"></div>
    506    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    507      data-expected-height="10" data-offset-x="35" data-offset-y="20"></div>
    508    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    509      data-offset-x="30" data-offset-y="10"></div>
    510    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    511      data-offset-x="30" data-offset-y="0"></div>
    512  </div>
    513  <div class="title">horizontal-tb ltr column-reverse wrap-reverse</div>
    514  <div class="flexbox horizontal-tb ltr column-reverse wrap-reverse" style="height: 70px" data-expected-width="600"
    515    data-expected-height="70">
    516    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    517      data-offset-x="590" data-offset-y="60"></div>
    518    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    519      data-offset-x="580" data-offset-y="50"></div>
    520    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    521      data-offset-x="570" data-offset-y="40"></div>
    522    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    523      data-offset-x="590" data-offset-y="30"></div>
    524    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    525      data-expected-height="10" data-offset-x="590" data-offset-y="20"></div>
    526    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    527      data-offset-x="570" data-offset-y="10"></div>
    528    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    529      data-offset-x="570" data-offset-y="0"></div>
    530    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    531      data-offset-x="560" data-offset-y="60"></div>
    532    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    533      data-offset-x="550" data-offset-y="50"></div>
    534    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    535      data-offset-x="540" data-offset-y="40"></div>
    536    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    537      data-offset-x="560" data-offset-y="30"></div>
    538    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    539      data-expected-height="10" data-offset-x="560" data-offset-y="20"></div>
    540    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    541      data-offset-x="540" data-offset-y="10"></div>
    542    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    543      data-offset-x="540" data-offset-y="0"></div>
    544  </div>
    545  <div class="title">horizontal-tb rtl column-reverse wrap</div>
    546  <div class="flexbox horizontal-tb rtl column-reverse wrap" style="height: 70px" data-expected-width="600"
    547    data-expected-height="70">
    548    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    549      data-offset-x="590" data-offset-y="60"></div>
    550    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    551      data-offset-x="580" data-offset-y="50"></div>
    552    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    553      data-offset-x="570" data-offset-y="40"></div>
    554    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    555      data-offset-x="585" data-offset-y="30"></div>
    556    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    557      data-expected-height="10" data-offset-x="585" data-offset-y="20"></div>
    558    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    559      data-offset-x="570" data-offset-y="10"></div>
    560    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    561      data-offset-x="570" data-offset-y="0"></div>
    562    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    563      data-offset-x="560" data-offset-y="60"></div>
    564    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    565      data-offset-x="550" data-offset-y="50"></div>
    566    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    567      data-offset-x="540" data-offset-y="40"></div>
    568    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    569      data-offset-x="555" data-offset-y="30"></div>
    570    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    571      data-expected-height="10" data-offset-x="555" data-offset-y="20"></div>
    572    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    573      data-offset-x="540" data-offset-y="10"></div>
    574    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    575      data-offset-x="540" data-offset-y="0"></div>
    576  </div>
    577  <div class="title">horizontal-tb rtl column-reverse wrap-reverse</div>
    578  <div class="flexbox horizontal-tb rtl column-reverse wrap-reverse" style="height: 70px" data-expected-width="600"
    579    data-expected-height="70">
    580    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    581      data-offset-x="0" data-offset-y="60"></div>
    582    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    583      data-offset-x="10" data-offset-y="50"></div>
    584    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    585      data-offset-x="20" data-offset-y="40"></div>
    586    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    587      data-offset-x="0" data-offset-y="30"></div>
    588    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    589      data-expected-height="10" data-offset-x="0" data-offset-y="20"></div>
    590    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    591      data-offset-x="0" data-offset-y="10"></div>
    592    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    593      data-offset-x="0" data-offset-y="0"></div>
    594    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    595      data-offset-x="30" data-offset-y="60"></div>
    596    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    597      data-offset-x="40" data-offset-y="50"></div>
    598    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    599      data-offset-x="50" data-offset-y="40"></div>
    600    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    601      data-offset-x="30" data-offset-y="30"></div>
    602    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    603      data-expected-height="10" data-offset-x="30" data-offset-y="20"></div>
    604    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    605      data-offset-x="30" data-offset-y="10"></div>
    606    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    607      data-offset-x="30" data-offset-y="0"></div>
    608  </div>
    609  <div class="title">vertical-rl ltr row wrap</div>
    610  <div class="flexbox vertical-rl ltr row wrap" style="height: 70px" data-expected-width="60" data-expected-height="70">
    611    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    612      data-offset-x="50" data-offset-y="0"></div>
    613    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    614      data-offset-x="40" data-offset-y="10"></div>
    615    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    616      data-offset-x="30" data-offset-y="20"></div>
    617    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    618      data-offset-x="45" data-offset-y="30"></div>
    619    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    620      data-expected-height="10" data-offset-x="45" data-offset-y="40"></div>
    621    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    622      data-offset-x="30" data-offset-y="50"></div>
    623    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    624      data-offset-x="30" data-offset-y="60"></div>
    625    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    626      data-offset-x="20" data-offset-y="0"></div>
    627    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    628      data-offset-x="10" data-offset-y="10"></div>
    629    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    630      data-offset-x="0" data-offset-y="20"></div>
    631    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    632      data-offset-x="15" data-offset-y="30"></div>
    633    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    634      data-expected-height="10" data-offset-x="15" data-offset-y="40"></div>
    635    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    636      data-offset-x="0" data-offset-y="50"></div>
    637    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    638      data-offset-x="0" data-offset-y="60"></div>
    639  </div>
    640  <div class="title">vertical-rl ltr row wrap-reverse</div>
    641  <div class="flexbox vertical-rl ltr row wrap-reverse" style="height: 70px" data-expected-width="60"
    642    data-expected-height="70">
    643    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    644      data-offset-x="0" data-offset-y="0"></div>
    645    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    646      data-offset-x="10" data-offset-y="10"></div>
    647    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    648      data-offset-x="20" data-offset-y="20"></div>
    649    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    650      data-offset-x="0" data-offset-y="30"></div>
    651    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    652      data-expected-height="10" data-offset-x="0" data-offset-y="40"></div>
    653    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    654      data-offset-x="0" data-offset-y="50"></div>
    655    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    656      data-offset-x="0" data-offset-y="60"></div>
    657    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    658      data-offset-x="30" data-offset-y="0"></div>
    659    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    660      data-offset-x="40" data-offset-y="10"></div>
    661    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    662      data-offset-x="50" data-offset-y="20"></div>
    663    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    664      data-offset-x="30" data-offset-y="30"></div>
    665    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    666      data-expected-height="10" data-offset-x="30" data-offset-y="40"></div>
    667    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    668      data-offset-x="30" data-offset-y="50"></div>
    669    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    670      data-offset-x="30" data-offset-y="60"></div>
    671  </div>
    672  <div class="title">vertical-rl rtl row wrap</div>
    673  <div class="flexbox vertical-rl rtl row wrap" style="height: 70px" data-expected-width="60" data-expected-height="70">
    674    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    675      data-offset-x="50" data-offset-y="60"></div>
    676    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    677      data-offset-x="40" data-offset-y="50"></div>
    678    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    679      data-offset-x="30" data-offset-y="40"></div>
    680    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    681      data-offset-x="45" data-offset-y="30"></div>
    682    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    683      data-expected-height="10" data-offset-x="45" data-offset-y="20"></div>
    684    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    685      data-offset-x="30" data-offset-y="10"></div>
    686    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    687      data-offset-x="30" data-offset-y="0"></div>
    688    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    689      data-offset-x="20" data-offset-y="60"></div>
    690    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    691      data-offset-x="10" data-offset-y="50"></div>
    692    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    693      data-offset-x="0" data-offset-y="40"></div>
    694    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    695      data-offset-x="15" data-offset-y="30"></div>
    696    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    697      data-expected-height="10" data-offset-x="15" data-offset-y="20"></div>
    698    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    699      data-offset-x="0" data-offset-y="10"></div>
    700    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    701      data-offset-x="0" data-offset-y="0"></div>
    702  </div>
    703  <div class="title">vertical-rl rtl row wrap-reverse</div>
    704  <div class="flexbox vertical-rl rtl row wrap-reverse" style="height: 70px" data-expected-width="60"
    705    data-expected-height="70">
    706    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    707      data-offset-x="0" data-offset-y="60"></div>
    708    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    709      data-offset-x="10" data-offset-y="50"></div>
    710    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    711      data-offset-x="20" data-offset-y="40"></div>
    712    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    713      data-offset-x="0" data-offset-y="30"></div>
    714    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    715      data-expected-height="10" data-offset-x="0" data-offset-y="20"></div>
    716    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    717      data-offset-x="0" data-offset-y="10"></div>
    718    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    719      data-offset-x="0" data-offset-y="0"></div>
    720    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    721      data-offset-x="30" data-offset-y="60"></div>
    722    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    723      data-offset-x="40" data-offset-y="50"></div>
    724    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    725      data-offset-x="50" data-offset-y="40"></div>
    726    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    727      data-offset-x="30" data-offset-y="30"></div>
    728    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    729      data-expected-height="10" data-offset-x="30" data-offset-y="20"></div>
    730    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    731      data-offset-x="30" data-offset-y="10"></div>
    732    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    733      data-offset-x="30" data-offset-y="0"></div>
    734  </div>
    735  <div class="title">vertical-rl ltr column wrap</div>
    736  <div class="flexbox vertical-rl ltr column wrap" style="width: 70px" data-expected-width="70"
    737    data-expected-height="60">
    738    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    739      data-offset-x="60" data-offset-y="0"></div>
    740    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    741      data-offset-x="50" data-offset-y="10"></div>
    742    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    743      data-offset-x="40" data-offset-y="20"></div>
    744    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    745      data-offset-x="30" data-offset-y="5"></div>
    746    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    747      data-expected-height="10" data-offset-x="20" data-offset-y="5"></div>
    748    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    749      data-offset-x="10" data-offset-y="0"></div>
    750    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    751      data-offset-x="0" data-offset-y="0"></div>
    752    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    753      data-offset-x="60" data-offset-y="30"></div>
    754    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    755      data-offset-x="50" data-offset-y="40"></div>
    756    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    757      data-offset-x="40" data-offset-y="50"></div>
    758    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    759      data-offset-x="30" data-offset-y="35"></div>
    760    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    761      data-expected-height="10" data-offset-x="20" data-offset-y="35"></div>
    762    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    763      data-offset-x="10" data-offset-y="30"></div>
    764    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    765      data-offset-x="0" data-offset-y="30"></div>
    766  </div>
    767  <div class="title">vertical-rl ltr column wrap-reverse</div>
    768  <div class="flexbox vertical-rl ltr column wrap-reverse" style="width: 70px" data-expected-width="70"
    769    data-expected-height="60">
    770    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    771      data-offset-x="60" data-offset-y="50"></div>
    772    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    773      data-offset-x="50" data-offset-y="40"></div>
    774    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    775      data-offset-x="40" data-offset-y="30"></div>
    776    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    777      data-offset-x="30" data-offset-y="50"></div>
    778    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    779      data-expected-height="10" data-offset-x="20" data-offset-y="50"></div>
    780    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    781      data-offset-x="10" data-offset-y="30"></div>
    782    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    783      data-offset-x="0" data-offset-y="30"></div>
    784    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    785      data-offset-x="60" data-offset-y="20"></div>
    786    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    787      data-offset-x="50" data-offset-y="10"></div>
    788    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    789      data-offset-x="40" data-offset-y="0"></div>
    790    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    791      data-offset-x="30" data-offset-y="20"></div>
    792    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    793      data-expected-height="10" data-offset-x="20" data-offset-y="20"></div>
    794    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    795      data-offset-x="10" data-offset-y="0"></div>
    796    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    797      data-offset-x="0" data-offset-y="0"></div>
    798  </div>
    799  <div class="title">vertical-rl rtl column wrap</div>
    800  <div class="flexbox vertical-rl rtl column wrap" style="width: 70px" data-expected-width="70"
    801    data-expected-height="60">
    802    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    803      data-offset-x="60" data-offset-y="50"></div>
    804    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    805      data-offset-x="50" data-offset-y="40"></div>
    806    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    807      data-offset-x="40" data-offset-y="30"></div>
    808    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    809      data-offset-x="30" data-offset-y="30"></div>
    810    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    811      data-expected-height="10" data-offset-x="20" data-offset-y="30"></div>
    812    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    813      data-offset-x="10" data-offset-y="30"></div>
    814    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    815      data-offset-x="0" data-offset-y="30"></div>
    816    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    817      data-offset-x="60" data-offset-y="20"></div>
    818    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    819      data-offset-x="50" data-offset-y="10"></div>
    820    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    821      data-offset-x="40" data-offset-y="0"></div>
    822    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    823      data-offset-x="30" data-offset-y="0"></div>
    824    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    825      data-expected-height="10" data-offset-x="20" data-offset-y="0"></div>
    826    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    827      data-offset-x="10" data-offset-y="0"></div>
    828    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    829      data-offset-x="0" data-offset-y="0"></div>
    830  </div>
    831  <div class="title">vertical-rl rtl column wrap-reverse</div>
    832  <div class="flexbox vertical-rl rtl column wrap-reverse" style="width: 70px" data-expected-width="70"
    833    data-expected-height="60">
    834    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    835      data-offset-x="60" data-offset-y="0"></div>
    836    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    837      data-offset-x="50" data-offset-y="10"></div>
    838    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    839      data-offset-x="40" data-offset-y="20"></div>
    840    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    841      data-offset-x="30" data-offset-y="15"></div>
    842    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    843      data-expected-height="10" data-offset-x="20" data-offset-y="15"></div>
    844    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    845      data-offset-x="10" data-offset-y="0"></div>
    846    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    847      data-offset-x="0" data-offset-y="0"></div>
    848    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    849      data-offset-x="60" data-offset-y="30"></div>
    850    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    851      data-offset-x="50" data-offset-y="40"></div>
    852    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    853      data-offset-x="40" data-offset-y="50"></div>
    854    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    855      data-offset-x="30" data-offset-y="45"></div>
    856    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
    857      data-expected-height="10" data-offset-x="20" data-offset-y="45"></div>
    858    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
    859      data-offset-x="10" data-offset-y="30"></div>
    860    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
    861      data-offset-x="0" data-offset-y="30"></div>
    862  </div>
    863  <div class="title">vertical-rl ltr row-reverse wrap</div>
    864  <div class="flexbox vertical-rl ltr row-reverse wrap" style="height: 70px" data-expected-width="60"
    865    data-expected-height="70">
    866    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    867      data-offset-x="50" data-offset-y="60"></div>
    868    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    869      data-offset-x="40" data-offset-y="50"></div>
    870    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    871      data-offset-x="30" data-offset-y="40"></div>
    872    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    873      data-offset-x="45" data-offset-y="30"></div>
    874    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    875      data-expected-height="10" data-offset-x="45" data-offset-y="20"></div>
    876    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    877      data-offset-x="30" data-offset-y="10"></div>
    878    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    879      data-offset-x="30" data-offset-y="0"></div>
    880    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    881      data-offset-x="20" data-offset-y="60"></div>
    882    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    883      data-offset-x="10" data-offset-y="50"></div>
    884    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    885      data-offset-x="0" data-offset-y="40"></div>
    886    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    887      data-offset-x="15" data-offset-y="30"></div>
    888    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    889      data-expected-height="10" data-offset-x="15" data-offset-y="20"></div>
    890    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    891      data-offset-x="0" data-offset-y="10"></div>
    892    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    893      data-offset-x="0" data-offset-y="0"></div>
    894  </div>
    895  <div class="title">vertical-rl ltr row-reverse wrap-reverse</div>
    896  <div class="flexbox vertical-rl ltr row-reverse wrap-reverse" style="height: 70px" data-expected-width="60"
    897    data-expected-height="70">
    898    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    899      data-offset-x="0" data-offset-y="60"></div>
    900    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    901      data-offset-x="10" data-offset-y="50"></div>
    902    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    903      data-offset-x="20" data-offset-y="40"></div>
    904    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    905      data-offset-x="0" data-offset-y="30"></div>
    906    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    907      data-expected-height="10" data-offset-x="0" data-offset-y="20"></div>
    908    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    909      data-offset-x="0" data-offset-y="10"></div>
    910    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    911      data-offset-x="0" data-offset-y="0"></div>
    912    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    913      data-offset-x="30" data-offset-y="60"></div>
    914    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    915      data-offset-x="40" data-offset-y="50"></div>
    916    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    917      data-offset-x="50" data-offset-y="40"></div>
    918    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    919      data-offset-x="30" data-offset-y="30"></div>
    920    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    921      data-expected-height="10" data-offset-x="30" data-offset-y="20"></div>
    922    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    923      data-offset-x="30" data-offset-y="10"></div>
    924    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    925      data-offset-x="30" data-offset-y="0"></div>
    926  </div>
    927  <div class="title">vertical-rl rtl row-reverse wrap</div>
    928  <div class="flexbox vertical-rl rtl row-reverse wrap" style="height: 70px" data-expected-width="60"
    929    data-expected-height="70">
    930    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    931      data-offset-x="50" data-offset-y="0"></div>
    932    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    933      data-offset-x="40" data-offset-y="10"></div>
    934    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    935      data-offset-x="30" data-offset-y="20"></div>
    936    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    937      data-offset-x="45" data-offset-y="30"></div>
    938    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    939      data-expected-height="10" data-offset-x="45" data-offset-y="40"></div>
    940    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    941      data-offset-x="30" data-offset-y="50"></div>
    942    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    943      data-offset-x="30" data-offset-y="60"></div>
    944    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    945      data-offset-x="20" data-offset-y="0"></div>
    946    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    947      data-offset-x="10" data-offset-y="10"></div>
    948    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    949      data-offset-x="0" data-offset-y="20"></div>
    950    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    951      data-offset-x="15" data-offset-y="30"></div>
    952    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    953      data-expected-height="10" data-offset-x="15" data-offset-y="40"></div>
    954    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    955      data-offset-x="0" data-offset-y="50"></div>
    956    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    957      data-offset-x="0" data-offset-y="60"></div>
    958  </div>
    959  <div class="title">vertical-rl rtl row-reverse wrap-reverse</div>
    960  <div class="flexbox vertical-rl rtl row-reverse wrap-reverse" style="height: 70px" data-expected-width="60"
    961    data-expected-height="70">
    962    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    963      data-offset-x="0" data-offset-y="0"></div>
    964    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    965      data-offset-x="10" data-offset-y="10"></div>
    966    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    967      data-offset-x="20" data-offset-y="20"></div>
    968    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    969      data-offset-x="0" data-offset-y="30"></div>
    970    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    971      data-expected-height="10" data-offset-x="0" data-offset-y="40"></div>
    972    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    973      data-offset-x="0" data-offset-y="50"></div>
    974    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    975      data-offset-x="0" data-offset-y="60"></div>
    976    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    977      data-offset-x="30" data-offset-y="0"></div>
    978    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    979      data-offset-x="40" data-offset-y="10"></div>
    980    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    981      data-offset-x="50" data-offset-y="20"></div>
    982    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
    983      data-offset-x="30" data-offset-y="30"></div>
    984    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
    985      data-expected-height="10" data-offset-x="30" data-offset-y="40"></div>
    986    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
    987      data-offset-x="30" data-offset-y="50"></div>
    988    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
    989      data-offset-x="30" data-offset-y="60"></div>
    990  </div>
    991  <div class="title">vertical-rl ltr column-reverse wrap</div>
    992  <div class="flexbox vertical-rl ltr column-reverse wrap" style="width: 70px" data-expected-width="70"
    993    data-expected-height="60">
    994    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
    995      data-offset-x="0" data-offset-y="0"></div>
    996    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
    997      data-offset-x="10" data-offset-y="10"></div>
    998    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
    999      data-offset-x="20" data-offset-y="20"></div>
   1000    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1001      data-offset-x="30" data-offset-y="5"></div>
   1002    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1003      data-expected-height="10" data-offset-x="40" data-offset-y="5"></div>
   1004    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1005      data-offset-x="50" data-offset-y="0"></div>
   1006    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1007      data-offset-x="60" data-offset-y="0"></div>
   1008    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1009      data-offset-x="0" data-offset-y="30"></div>
   1010    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1011      data-offset-x="10" data-offset-y="40"></div>
   1012    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1013      data-offset-x="20" data-offset-y="50"></div>
   1014    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1015      data-offset-x="30" data-offset-y="35"></div>
   1016    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1017      data-expected-height="10" data-offset-x="40" data-offset-y="35"></div>
   1018    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1019      data-offset-x="50" data-offset-y="30"></div>
   1020    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1021      data-offset-x="60" data-offset-y="30"></div>
   1022  </div>
   1023  <div class="title">vertical-rl ltr column-reverse wrap-reverse</div>
   1024  <div class="flexbox vertical-rl ltr column-reverse wrap-reverse" style="width: 70px" data-expected-width="70"
   1025    data-expected-height="60">
   1026    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1027      data-offset-x="0" data-offset-y="50"></div>
   1028    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1029      data-offset-x="10" data-offset-y="40"></div>
   1030    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1031      data-offset-x="20" data-offset-y="30"></div>
   1032    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1033      data-offset-x="30" data-offset-y="50"></div>
   1034    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1035      data-expected-height="10" data-offset-x="40" data-offset-y="50"></div>
   1036    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1037      data-offset-x="50" data-offset-y="30"></div>
   1038    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1039      data-offset-x="60" data-offset-y="30"></div>
   1040    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1041      data-offset-x="0" data-offset-y="20"></div>
   1042    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1043      data-offset-x="10" data-offset-y="10"></div>
   1044    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1045      data-offset-x="20" data-offset-y="0"></div>
   1046    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1047      data-offset-x="30" data-offset-y="20"></div>
   1048    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1049      data-expected-height="10" data-offset-x="40" data-offset-y="20"></div>
   1050    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1051      data-offset-x="50" data-offset-y="0"></div>
   1052    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1053      data-offset-x="60" data-offset-y="0"></div>
   1054  </div>
   1055  <div class="title">vertical-rl rtl column-reverse wrap</div>
   1056  <div class="flexbox vertical-rl rtl column-reverse wrap" style="width: 70px" data-expected-width="70"
   1057    data-expected-height="60">
   1058    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1059      data-offset-x="0" data-offset-y="50"></div>
   1060    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1061      data-offset-x="10" data-offset-y="40"></div>
   1062    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1063      data-offset-x="20" data-offset-y="30"></div>
   1064    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1065      data-offset-x="30" data-offset-y="30"></div>
   1066    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1067      data-expected-height="10" data-offset-x="40" data-offset-y="30"></div>
   1068    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1069      data-offset-x="50" data-offset-y="30"></div>
   1070    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1071      data-offset-x="60" data-offset-y="30"></div>
   1072    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1073      data-offset-x="0" data-offset-y="20"></div>
   1074    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1075      data-offset-x="10" data-offset-y="10"></div>
   1076    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1077      data-offset-x="20" data-offset-y="0"></div>
   1078    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1079      data-offset-x="30" data-offset-y="0"></div>
   1080    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1081      data-expected-height="10" data-offset-x="40" data-offset-y="0"></div>
   1082    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1083      data-offset-x="50" data-offset-y="0"></div>
   1084    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1085      data-offset-x="60" data-offset-y="0"></div>
   1086  </div>
   1087  <div class="title">vertical-rl rtl column-reverse wrap-reverse</div>
   1088  <div class="flexbox vertical-rl rtl column-reverse wrap-reverse" style="width: 70px" data-expected-width="70"
   1089    data-expected-height="60">
   1090    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1091      data-offset-x="0" data-offset-y="0"></div>
   1092    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1093      data-offset-x="10" data-offset-y="10"></div>
   1094    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1095      data-offset-x="20" data-offset-y="20"></div>
   1096    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1097      data-offset-x="30" data-offset-y="15"></div>
   1098    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1099      data-expected-height="10" data-offset-x="40" data-offset-y="15"></div>
   1100    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1101      data-offset-x="50" data-offset-y="0"></div>
   1102    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1103      data-offset-x="60" data-offset-y="0"></div>
   1104    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1105      data-offset-x="0" data-offset-y="30"></div>
   1106    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1107      data-offset-x="10" data-offset-y="40"></div>
   1108    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1109      data-offset-x="20" data-offset-y="50"></div>
   1110    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1111      data-offset-x="30" data-offset-y="45"></div>
   1112    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1113      data-expected-height="10" data-offset-x="40" data-offset-y="45"></div>
   1114    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1115      data-offset-x="50" data-offset-y="30"></div>
   1116    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1117      data-offset-x="60" data-offset-y="30"></div>
   1118  </div>
   1119  <div class="title">vertical-lr ltr row wrap</div>
   1120  <div class="flexbox vertical-lr ltr row wrap" style="height: 70px" data-expected-width="60" data-expected-height="70">
   1121    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1122      data-offset-x="0" data-offset-y="0"></div>
   1123    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1124      data-offset-x="10" data-offset-y="10"></div>
   1125    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1126      data-offset-x="20" data-offset-y="20"></div>
   1127    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1128      data-offset-x="5" data-offset-y="30"></div>
   1129    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
   1130      data-expected-height="10" data-offset-x="5" data-offset-y="40"></div>
   1131    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
   1132      data-offset-x="0" data-offset-y="50"></div>
   1133    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
   1134      data-offset-x="0" data-offset-y="60"></div>
   1135    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1136      data-offset-x="30" data-offset-y="0"></div>
   1137    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1138      data-offset-x="40" data-offset-y="10"></div>
   1139    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1140      data-offset-x="50" data-offset-y="20"></div>
   1141    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1142      data-offset-x="35" data-offset-y="30"></div>
   1143    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
   1144      data-expected-height="10" data-offset-x="35" data-offset-y="40"></div>
   1145    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
   1146      data-offset-x="30" data-offset-y="50"></div>
   1147    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
   1148      data-offset-x="30" data-offset-y="60"></div>
   1149  </div>
   1150  <div class="title">vertical-lr ltr row wrap-reverse</div>
   1151  <div class="flexbox vertical-lr ltr row wrap-reverse" style="height: 70px" data-expected-width="60"
   1152    data-expected-height="70">
   1153    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1154      data-offset-x="50" data-offset-y="0"></div>
   1155    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1156      data-offset-x="40" data-offset-y="10"></div>
   1157    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1158      data-offset-x="30" data-offset-y="20"></div>
   1159    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1160      data-offset-x="50" data-offset-y="30"></div>
   1161    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
   1162      data-expected-height="10" data-offset-x="50" data-offset-y="40"></div>
   1163    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
   1164      data-offset-x="30" data-offset-y="50"></div>
   1165    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
   1166      data-offset-x="30" data-offset-y="60"></div>
   1167    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1168      data-offset-x="20" data-offset-y="0"></div>
   1169    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1170      data-offset-x="10" data-offset-y="10"></div>
   1171    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1172      data-offset-x="0" data-offset-y="20"></div>
   1173    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1174      data-offset-x="20" data-offset-y="30"></div>
   1175    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
   1176      data-expected-height="10" data-offset-x="20" data-offset-y="40"></div>
   1177    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
   1178      data-offset-x="0" data-offset-y="50"></div>
   1179    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
   1180      data-offset-x="0" data-offset-y="60"></div>
   1181  </div>
   1182  <div class="title">vertical-lr rtl row wrap</div>
   1183  <div class="flexbox vertical-lr rtl row wrap" style="height: 70px" data-expected-width="60" data-expected-height="70">
   1184    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1185      data-offset-x="0" data-offset-y="60"></div>
   1186    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1187      data-offset-x="10" data-offset-y="50"></div>
   1188    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1189      data-offset-x="20" data-offset-y="40"></div>
   1190    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1191      data-offset-x="5" data-offset-y="30"></div>
   1192    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
   1193      data-expected-height="10" data-offset-x="5" data-offset-y="20"></div>
   1194    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
   1195      data-offset-x="0" data-offset-y="10"></div>
   1196    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
   1197      data-offset-x="0" data-offset-y="0"></div>
   1198    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1199      data-offset-x="30" data-offset-y="60"></div>
   1200    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1201      data-offset-x="40" data-offset-y="50"></div>
   1202    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1203      data-offset-x="50" data-offset-y="40"></div>
   1204    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1205      data-offset-x="35" data-offset-y="30"></div>
   1206    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
   1207      data-expected-height="10" data-offset-x="35" data-offset-y="20"></div>
   1208    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
   1209      data-offset-x="30" data-offset-y="10"></div>
   1210    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
   1211      data-offset-x="30" data-offset-y="0"></div>
   1212  </div>
   1213  <div class="title">vertical-lr rtl row wrap-reverse</div>
   1214  <div class="flexbox vertical-lr rtl row wrap-reverse" style="height: 70px" data-expected-width="60"
   1215    data-expected-height="70">
   1216    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1217      data-offset-x="50" data-offset-y="60"></div>
   1218    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1219      data-offset-x="40" data-offset-y="50"></div>
   1220    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1221      data-offset-x="30" data-offset-y="40"></div>
   1222    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1223      data-offset-x="50" data-offset-y="30"></div>
   1224    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
   1225      data-expected-height="10" data-offset-x="50" data-offset-y="20"></div>
   1226    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
   1227      data-offset-x="30" data-offset-y="10"></div>
   1228    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
   1229      data-offset-x="30" data-offset-y="0"></div>
   1230    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1231      data-offset-x="20" data-offset-y="60"></div>
   1232    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1233      data-offset-x="10" data-offset-y="50"></div>
   1234    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1235      data-offset-x="0" data-offset-y="40"></div>
   1236    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1237      data-offset-x="20" data-offset-y="30"></div>
   1238    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
   1239      data-expected-height="10" data-offset-x="20" data-offset-y="20"></div>
   1240    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
   1241      data-offset-x="0" data-offset-y="10"></div>
   1242    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
   1243      data-offset-x="0" data-offset-y="0"></div>
   1244  </div>
   1245  <div class="title">vertical-lr ltr column wrap</div>
   1246  <div class="flexbox vertical-lr ltr column wrap" style="width: 70px" data-expected-width="70"
   1247    data-expected-height="60">
   1248    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1249      data-offset-x="0" data-offset-y="0"></div>
   1250    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1251      data-offset-x="10" data-offset-y="10"></div>
   1252    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1253      data-offset-x="20" data-offset-y="20"></div>
   1254    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1255      data-offset-x="30" data-offset-y="5"></div>
   1256    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1257      data-expected-height="10" data-offset-x="40" data-offset-y="5"></div>
   1258    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1259      data-offset-x="50" data-offset-y="0"></div>
   1260    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1261      data-offset-x="60" data-offset-y="0"></div>
   1262    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1263      data-offset-x="0" data-offset-y="30"></div>
   1264    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1265      data-offset-x="10" data-offset-y="40"></div>
   1266    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1267      data-offset-x="20" data-offset-y="50"></div>
   1268    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1269      data-offset-x="30" data-offset-y="35"></div>
   1270    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1271      data-expected-height="10" data-offset-x="40" data-offset-y="35"></div>
   1272    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1273      data-offset-x="50" data-offset-y="30"></div>
   1274    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1275      data-offset-x="60" data-offset-y="30"></div>
   1276  </div>
   1277  <div class="title">vertical-lr ltr column wrap-reverse</div>
   1278  <div class="flexbox vertical-lr ltr column wrap-reverse" style="width: 70px" data-expected-width="70"
   1279    data-expected-height="60">
   1280    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1281      data-offset-x="0" data-offset-y="50"></div>
   1282    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1283      data-offset-x="10" data-offset-y="40"></div>
   1284    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1285      data-offset-x="20" data-offset-y="30"></div>
   1286    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1287      data-offset-x="30" data-offset-y="50"></div>
   1288    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1289      data-expected-height="10" data-offset-x="40" data-offset-y="50"></div>
   1290    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1291      data-offset-x="50" data-offset-y="30"></div>
   1292    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1293      data-offset-x="60" data-offset-y="30"></div>
   1294    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1295      data-offset-x="0" data-offset-y="20"></div>
   1296    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1297      data-offset-x="10" data-offset-y="10"></div>
   1298    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1299      data-offset-x="20" data-offset-y="0"></div>
   1300    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1301      data-offset-x="30" data-offset-y="20"></div>
   1302    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1303      data-expected-height="10" data-offset-x="40" data-offset-y="20"></div>
   1304    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1305      data-offset-x="50" data-offset-y="0"></div>
   1306    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1307      data-offset-x="60" data-offset-y="0"></div>
   1308  </div>
   1309  <div class="title">vertical-lr rtl column wrap</div>
   1310  <div class="flexbox vertical-lr rtl column wrap" style="width: 70px" data-expected-width="70"
   1311    data-expected-height="60">
   1312    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1313      data-offset-x="0" data-offset-y="50"></div>
   1314    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1315      data-offset-x="10" data-offset-y="40"></div>
   1316    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1317      data-offset-x="20" data-offset-y="30"></div>
   1318    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1319      data-offset-x="30" data-offset-y="30"></div>
   1320    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1321      data-expected-height="10" data-offset-x="40" data-offset-y="30"></div>
   1322    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1323      data-offset-x="50" data-offset-y="30"></div>
   1324    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1325      data-offset-x="60" data-offset-y="30"></div>
   1326    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1327      data-offset-x="0" data-offset-y="20"></div>
   1328    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1329      data-offset-x="10" data-offset-y="10"></div>
   1330    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1331      data-offset-x="20" data-offset-y="0"></div>
   1332    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1333      data-offset-x="30" data-offset-y="0"></div>
   1334    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1335      data-expected-height="10" data-offset-x="40" data-offset-y="0"></div>
   1336    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1337      data-offset-x="50" data-offset-y="0"></div>
   1338    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1339      data-offset-x="60" data-offset-y="0"></div>
   1340  </div>
   1341  <div class="title">vertical-lr rtl column wrap-reverse</div>
   1342  <div class="flexbox vertical-lr rtl column wrap-reverse" style="width: 70px" data-expected-width="70"
   1343    data-expected-height="60">
   1344    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1345      data-offset-x="0" data-offset-y="0"></div>
   1346    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1347      data-offset-x="10" data-offset-y="10"></div>
   1348    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1349      data-offset-x="20" data-offset-y="20"></div>
   1350    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1351      data-offset-x="30" data-offset-y="15"></div>
   1352    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1353      data-expected-height="10" data-offset-x="40" data-offset-y="15"></div>
   1354    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1355      data-offset-x="50" data-offset-y="0"></div>
   1356    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1357      data-offset-x="60" data-offset-y="0"></div>
   1358    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1359      data-offset-x="0" data-offset-y="30"></div>
   1360    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1361      data-offset-x="10" data-offset-y="40"></div>
   1362    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1363      data-offset-x="20" data-offset-y="50"></div>
   1364    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1365      data-offset-x="30" data-offset-y="45"></div>
   1366    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1367      data-expected-height="10" data-offset-x="40" data-offset-y="45"></div>
   1368    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1369      data-offset-x="50" data-offset-y="30"></div>
   1370    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1371      data-offset-x="60" data-offset-y="30"></div>
   1372  </div>
   1373  <div class="title">vertical-lr ltr row-reverse wrap</div>
   1374  <div class="flexbox vertical-lr ltr row-reverse wrap" style="height: 70px" data-expected-width="60"
   1375    data-expected-height="70">
   1376    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1377      data-offset-x="0" data-offset-y="60"></div>
   1378    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1379      data-offset-x="10" data-offset-y="50"></div>
   1380    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1381      data-offset-x="20" data-offset-y="40"></div>
   1382    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1383      data-offset-x="5" data-offset-y="30"></div>
   1384    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
   1385      data-expected-height="10" data-offset-x="5" data-offset-y="20"></div>
   1386    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
   1387      data-offset-x="0" data-offset-y="10"></div>
   1388    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
   1389      data-offset-x="0" data-offset-y="0"></div>
   1390    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1391      data-offset-x="30" data-offset-y="60"></div>
   1392    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1393      data-offset-x="40" data-offset-y="50"></div>
   1394    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1395      data-offset-x="50" data-offset-y="40"></div>
   1396    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1397      data-offset-x="35" data-offset-y="30"></div>
   1398    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
   1399      data-expected-height="10" data-offset-x="35" data-offset-y="20"></div>
   1400    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
   1401      data-offset-x="30" data-offset-y="10"></div>
   1402    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
   1403      data-offset-x="30" data-offset-y="0"></div>
   1404  </div>
   1405  <div class="title">vertical-lr ltr row-reverse wrap-reverse</div>
   1406  <div class="flexbox vertical-lr ltr row-reverse wrap-reverse" style="height: 70px" data-expected-width="60"
   1407    data-expected-height="70">
   1408    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1409      data-offset-x="50" data-offset-y="60"></div>
   1410    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1411      data-offset-x="40" data-offset-y="50"></div>
   1412    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1413      data-offset-x="30" data-offset-y="40"></div>
   1414    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1415      data-offset-x="50" data-offset-y="30"></div>
   1416    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
   1417      data-expected-height="10" data-offset-x="50" data-offset-y="20"></div>
   1418    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
   1419      data-offset-x="30" data-offset-y="10"></div>
   1420    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
   1421      data-offset-x="30" data-offset-y="0"></div>
   1422    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1423      data-offset-x="20" data-offset-y="60"></div>
   1424    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1425      data-offset-x="10" data-offset-y="50"></div>
   1426    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1427      data-offset-x="0" data-offset-y="40"></div>
   1428    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1429      data-offset-x="20" data-offset-y="30"></div>
   1430    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
   1431      data-expected-height="10" data-offset-x="20" data-offset-y="20"></div>
   1432    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
   1433      data-offset-x="0" data-offset-y="10"></div>
   1434    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
   1435      data-offset-x="0" data-offset-y="0"></div>
   1436  </div>
   1437  <div class="title">vertical-lr rtl row-reverse wrap</div>
   1438  <div class="flexbox vertical-lr rtl row-reverse wrap" style="height: 70px" data-expected-width="60"
   1439    data-expected-height="70">
   1440    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1441      data-offset-x="0" data-offset-y="0"></div>
   1442    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1443      data-offset-x="10" data-offset-y="10"></div>
   1444    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1445      data-offset-x="20" data-offset-y="20"></div>
   1446    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1447      data-offset-x="5" data-offset-y="30"></div>
   1448    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
   1449      data-expected-height="10" data-offset-x="5" data-offset-y="40"></div>
   1450    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
   1451      data-offset-x="0" data-offset-y="50"></div>
   1452    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
   1453      data-offset-x="0" data-offset-y="60"></div>
   1454    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1455      data-offset-x="30" data-offset-y="0"></div>
   1456    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1457      data-offset-x="40" data-offset-y="10"></div>
   1458    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1459      data-offset-x="50" data-offset-y="20"></div>
   1460    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1461      data-offset-x="35" data-offset-y="30"></div>
   1462    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
   1463      data-expected-height="10" data-offset-x="35" data-offset-y="40"></div>
   1464    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
   1465      data-offset-x="30" data-offset-y="50"></div>
   1466    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
   1467      data-offset-x="30" data-offset-y="60"></div>
   1468  </div>
   1469  <div class="title">vertical-lr rtl row-reverse wrap-reverse</div>
   1470  <div class="flexbox vertical-lr rtl row-reverse wrap-reverse" style="height: 70px" data-expected-width="60"
   1471    data-expected-height="70">
   1472    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1473      data-offset-x="50" data-offset-y="0"></div>
   1474    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1475      data-offset-x="40" data-offset-y="10"></div>
   1476    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1477      data-offset-x="30" data-offset-y="20"></div>
   1478    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1479      data-offset-x="50" data-offset-y="30"></div>
   1480    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
   1481      data-expected-height="10" data-offset-x="50" data-offset-y="40"></div>
   1482    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
   1483      data-offset-x="30" data-offset-y="50"></div>
   1484    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
   1485      data-offset-x="30" data-offset-y="60"></div>
   1486    <div style="flex: 1 10px;width: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1487      data-offset-x="20" data-offset-y="0"></div>
   1488    <div style="flex: 1 10px;width: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1489      data-offset-x="10" data-offset-y="10"></div>
   1490    <div style="flex: 1 10px;width: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1491      data-offset-x="0" data-offset-y="20"></div>
   1492    <div style="flex: 1 10px;width: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1493      data-offset-x="20" data-offset-y="30"></div>
   1494    <div style="flex: 1 10px;width: 10px;align-self: baseline; margin-block-start: 5px;" data-expected-width="10"
   1495      data-expected-height="10" data-offset-x="20" data-offset-y="40"></div>
   1496    <div style="flex: 1 10px;width: auto;align-self: stretch" data-expected-width="30" data-expected-height="10"
   1497      data-offset-x="0" data-offset-y="50"></div>
   1498    <div style="flex: 1 10px;width: 30px;align-self: flex-start" data-expected-width="30" data-expected-height="10"
   1499      data-offset-x="0" data-offset-y="60"></div>
   1500  </div>
   1501  <div class="title">vertical-lr ltr column-reverse wrap</div>
   1502  <div class="flexbox vertical-lr ltr column-reverse wrap" style="width: 70px" data-expected-width="70"
   1503    data-expected-height="60">
   1504    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1505      data-offset-x="60" data-offset-y="0"></div>
   1506    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1507      data-offset-x="50" data-offset-y="10"></div>
   1508    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1509      data-offset-x="40" data-offset-y="20"></div>
   1510    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1511      data-offset-x="30" data-offset-y="5"></div>
   1512    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1513      data-expected-height="10" data-offset-x="20" data-offset-y="5"></div>
   1514    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1515      data-offset-x="10" data-offset-y="0"></div>
   1516    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1517      data-offset-x="0" data-offset-y="0"></div>
   1518    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1519      data-offset-x="60" data-offset-y="30"></div>
   1520    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1521      data-offset-x="50" data-offset-y="40"></div>
   1522    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1523      data-offset-x="40" data-offset-y="50"></div>
   1524    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1525      data-offset-x="30" data-offset-y="35"></div>
   1526    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1527      data-expected-height="10" data-offset-x="20" data-offset-y="35"></div>
   1528    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1529      data-offset-x="10" data-offset-y="30"></div>
   1530    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1531      data-offset-x="0" data-offset-y="30"></div>
   1532  </div>
   1533  <div class="title">vertical-lr ltr column-reverse wrap-reverse</div>
   1534  <div class="flexbox vertical-lr ltr column-reverse wrap-reverse" style="width: 70px" data-expected-width="70"
   1535    data-expected-height="60">
   1536    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1537      data-offset-x="60" data-offset-y="50"></div>
   1538    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1539      data-offset-x="50" data-offset-y="40"></div>
   1540    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1541      data-offset-x="40" data-offset-y="30"></div>
   1542    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1543      data-offset-x="30" data-offset-y="50"></div>
   1544    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1545      data-expected-height="10" data-offset-x="20" data-offset-y="50"></div>
   1546    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1547      data-offset-x="10" data-offset-y="30"></div>
   1548    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1549      data-offset-x="0" data-offset-y="30"></div>
   1550    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1551      data-offset-x="60" data-offset-y="20"></div>
   1552    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1553      data-offset-x="50" data-offset-y="10"></div>
   1554    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1555      data-offset-x="40" data-offset-y="0"></div>
   1556    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1557      data-offset-x="30" data-offset-y="20"></div>
   1558    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1559      data-expected-height="10" data-offset-x="20" data-offset-y="20"></div>
   1560    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1561      data-offset-x="10" data-offset-y="0"></div>
   1562    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1563      data-offset-x="0" data-offset-y="0"></div>
   1564  </div>
   1565  <div class="title">vertical-lr rtl column-reverse wrap</div>
   1566  <div class="flexbox vertical-lr rtl column-reverse wrap" style="width: 70px" data-expected-width="70"
   1567    data-expected-height="60">
   1568    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1569      data-offset-x="60" data-offset-y="50"></div>
   1570    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1571      data-offset-x="50" data-offset-y="40"></div>
   1572    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1573      data-offset-x="40" data-offset-y="30"></div>
   1574    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1575      data-offset-x="30" data-offset-y="30"></div>
   1576    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1577      data-expected-height="10" data-offset-x="20" data-offset-y="30"></div>
   1578    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1579      data-offset-x="10" data-offset-y="30"></div>
   1580    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1581      data-offset-x="0" data-offset-y="30"></div>
   1582    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1583      data-offset-x="60" data-offset-y="20"></div>
   1584    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1585      data-offset-x="50" data-offset-y="10"></div>
   1586    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1587      data-offset-x="40" data-offset-y="0"></div>
   1588    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1589      data-offset-x="30" data-offset-y="0"></div>
   1590    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1591      data-expected-height="10" data-offset-x="20" data-offset-y="0"></div>
   1592    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1593      data-offset-x="10" data-offset-y="0"></div>
   1594    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1595      data-offset-x="0" data-offset-y="0"></div>
   1596  </div>
   1597  <div class="title">vertical-lr rtl column-reverse wrap-reverse</div>
   1598  <div class="flexbox vertical-lr rtl column-reverse wrap-reverse" style="width: 70px" data-expected-width="70"
   1599    data-expected-height="60">
   1600    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1601      data-offset-x="60" data-offset-y="0"></div>
   1602    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1603      data-offset-x="50" data-offset-y="10"></div>
   1604    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1605      data-offset-x="40" data-offset-y="20"></div>
   1606    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1607      data-offset-x="30" data-offset-y="15"></div>
   1608    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1609      data-expected-height="10" data-offset-x="20" data-offset-y="15"></div>
   1610    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1611      data-offset-x="10" data-offset-y="0"></div>
   1612    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1613      data-offset-x="0" data-offset-y="0"></div>
   1614    <div style="flex: 1 10px;height: 10px;align-self: flex-start" data-expected-width="10" data-expected-height="10"
   1615      data-offset-x="60" data-offset-y="30"></div>
   1616    <div style="flex: 1 10px;height: 10px;align-self: center" data-expected-width="10" data-expected-height="10"
   1617      data-offset-x="50" data-offset-y="40"></div>
   1618    <div style="flex: 1 10px;height: 10px;align-self: flex-end" data-expected-width="10" data-expected-height="10"
   1619      data-offset-x="40" data-offset-y="50"></div>
   1620    <div style="flex: 1 10px;height: 10px;align-self: baseline" data-expected-width="10" data-expected-height="10"
   1621      data-offset-x="30" data-offset-y="45"></div>
   1622    <div style="flex: 1 10px;height: 10px;align-self: baseline; margin-inline-start: 5px;" data-expected-width="10"
   1623      data-expected-height="10" data-offset-x="20" data-offset-y="45"></div>
   1624    <div style="flex: 1 10px;height: auto;align-self: stretch" data-expected-width="10" data-expected-height="30"
   1625      data-offset-x="10" data-offset-y="30"></div>
   1626    <div style="flex: 1 10px;height: 30px;align-self: flex-start" data-expected-width="10" data-expected-height="30"
   1627      data-offset-x="0" data-offset-y="30"></div>
   1628  </div>
   1629 </body>
   1630 </html>
	tor-browser The Tor Browser
	git clone https://git.dasho.dev/tor-browser.git
	Log \| Files \| Refs \| README \| LICENSE