tor-browser

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

align-self-015-ref.html (1477B)

      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 wrap">
     22    <div class="item1 align-self-center">centeredWithMargins</div>
     23    <div class="item2 align-self-center">centeredWithAlignSelf</div>
     24    <div class="item2 align-self-center">centeredWithAlignSelf</div>
     25    <div class="item2 align-self-center">centeredWithAlignSelf</div>
     26    <div class="item2 align-self-center">centeredWithAlignSelf</div>
     27    <div class="item2 align-self-center">centeredWithAlignSelf</div>
     28    <div class="item2 align-self-center">centeredWithAlignSelf</div>
     29    <div class="item2 align-self-center">centeredWithAlignSelf</div>
     30    <div class="item2 align-self-center">centeredWithAlignSelf</div>
     31    <div class="item2 align-self-center">centeredWithAlignSelf</div>
     32    <div class="item2 align-self-center">centeredWithAlignSelf</div>
     33    <div class="item2 align-self-center">centeredWithAlignSelf</div>
     34    <div class="item2 align-self-center">centeredWithAlignSelf</div>
     35    <div class="item2 align-self-center">centeredWithAlignSelf</div>
     36    <div class="item2 align-self-center">centeredWithAlignSelf</div>
     37  </div>
     38 </body>
     39 </html>