tor-browser

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

flex-row-block-multiline-ref.html (706B)


      1 <!DOCTYPE html>
      2 <html>
      3 <head>
      4 <title>margin-trim: flex-row-block-multiline</title>
      5 <link rel="author" href="mailto:sammy.gill@apple.com">
      6 <link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
      7 <meta name="assert" content="block-start margins are trimmed for items on first flex line and block-end margins and trimmed for items on last flex line">
      8 <style>
      9 flexbox {
     10    display: flex;
     11    width: 100px;
     12    flex-wrap: wrap;
     13    gap: 20px 0px;
     14    border: 1px solid black;
     15 }
     16 item {
     17    display: block;
     18    background-color: green;
     19    width: 50px;
     20    height: 50px;
     21 }
     22 </style>
     23 </head>
     24 <body>
     25 <flexbox>
     26 <item></item>
     27 <item></item>
     28 <item></item>
     29 <item></item>
     30 </flexbox>
     31 </body>
     32 </html>