tor-browser

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

grid-lanes-item-placement-007.html (1871B)

      1 <!DOCTYPE HTML>
      2 <!--
      3     Any copyright is dedicated to the Public Domain.
      4     http://creativecommons.org/publicdomain/zero/1.0/
      5 -->
      6 <html><head>
      7  <meta charset="utf-8">
      8  <title>CSS Grid Test: Grid Lanes item placement (RTL)</title>
      9  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
     10  <link rel="help" href="https://drafts.csswg.org/css-grid-3">
     11  <link rel="match" href="grid-lanes-item-placement-007-ref.html">
     12  <style>
     13 html,body {
     14  color:black; background-color:white; font:15px/1 monospace; padding:0; margin:0;
     15 }
     16 
     17 grid {
     18  display: inline-grid-lanes;
     19  gap: 1px 2px;
     20  grid-template-columns: repeat(4,20px);
     21  color: #444;
     22  border: 1px solid;
     23  padding: 2px;
     24  direction: rtl;
     25 }
     26 
     27 item {
     28  background-color: #444;
     29  color: #fff;
     30 }
     31 </style>
     32 </head>
     33 <body>
     34 
     35 <grid>
     36  <item style="padding-top:30px">1</item>
     37  <item>2</item>
     38  <item>3</item>
     39  <item>4</item>
     40  <item>5</item>
     41  <item>6</item>
     42 </grid>
     43 
     44 <grid>
     45  <item>1</item>
     46  <item style="padding-top:30px">2</item>
     47  <item>3</item>
     48  <item>4</item>
     49  <item>5</item>
     50  <item>6</item>
     51 </grid>
     52 
     53 <grid>
     54  <item style="padding-top:30px">1</item>
     55  <item style="padding-top:30px">2</item>
     56  <item style="padding-top:10px">3</item>
     57  <item>4</item>
     58  <item>5</item>
     59  <item>6</item>
     60 </grid>
     61 
     62 <grid>
     63  <item>1</item>
     64  <item style="padding-top:30px">2</item>
     65  <item style="padding-top:10px">3</item>
     66  <item style="grid-column:span 2">4</item>
     67  <item>5</item>
     68  <item>6</item>
     69 </grid>
     70 
     71 <grid>
     72  <item>1</item>
     73  <item style="padding-top:30px">2</item>
     74  <item style="padding-top:10px">3</item>
     75  <item style="grid-column:span 3">4</item>
     76  <item>5</item>
     77  <item>6</item>
     78 </grid>
     79 
     80 <grid>
     81  <item>1</item>
     82  <item style="padding-top:30px">2</item>
     83  <item style="padding-top:10px">3</item>
     84  <item style="grid-column:span 4">4</item>
     85  <item>5</item>
     86  <item>6</item>
     87 </grid>
     88 
     89 </body>
     90 </html>