tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

auto-margins-003-ref.html (811B)


      1 <!DOCTYPE html>
      2 <html>
      3 <head>
      4 <link href="../support/flexbox.css" rel="stylesheet">
      5 <style>
      6    .flexbox {
      7      border: 1px solid black;
      8      width: 400px;
      9      height: 200px;
     10    }
     11    .item1 {
     12      background: lightblue;
     13    }
     14    .item2 {
     15      background: lime;
     16    }
     17  </style>
     18 </head>
     19 <body>
     20  <p>The test passes if the flex items are properly centered in each column</p>
     21  <div class="flexbox column">
     22    <div class="item1 align-self-center">centeredWithMargins</div>
     23    <div class="item2 align-self-center">centeredWithAlignSelf</div>
     24  </div>
     25  <div style="writing-mode: vertical-lr;">
     26    <div class="flexbox column">
     27      <div class="item1 align-self-center">centeredWithMargins</div>
     28      <div class="item2 align-self-center">centeredWithAlignSelf</div>
     29    </div>
     30  </div>
     31 </body>
     32 </html>