tor-browser

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

gap-010-ltr-ref.html (632B)


      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 <title>CSS Flexbox Test: gap - calc gap</title>
      4 <link rel="author" title="Adam Argyle" href="mailto:argyle@google.com">
      5 <style>
      6  section {
      7    background-color: green;
      8    block-size: 100px;
      9    display: flex;
     10    flex-wrap: wrap;
     11  }
     12  section > div {
     13    background-color: grey;
     14    flex: 1 1 auto;
     15  }
     16  section > div:not(:first-child) {
     17    margin-inline-start: calc(10% - 1rem / 2);
     18  }
     19 </style>
     20 <body>
     21  <p>Test passes if there are <strong>vertical green lines between boxes</strong>.</p>
     22  <section>
     23    <div></div>
     24    <div></div>
     25    <div></div>
     26    <div></div>
     27  </section>
     28 </body>