tor-browser

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

grid-col-max-sizing-max-content-002-ref.html (3139B)


      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: Testing track max-sizing 'max-content'</title>
      9  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
     10  <style type="text/css">
     11 body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
     12 
     13 .grid {
     14 display: block;
     15 float:left;
     16 clear:left;
     17 }
     18 .wrap {
     19 border: dashed blue;
     20 overflow:hidden;
     21 clear:left;
     22 }
     23 
     24 .c1 { width:40px; margin-bottom: 2px; margin-right: 47px; }
     25 .r1 { min-width:70px; margin-left: 38px; margin-top: 2px; }
     26 .c3 { width:10px; margin: 2px 18px 1px 71px; }
     27 
     28 span {
     29  display: block;
     30  background: gray;
     31  border-style: solid;
     32  border-width: 1px 3px 5px 7px;
     33  padding: 1px 3px;
     34  margin: 1px 5px;
     35 }
     36 
     37 x { display:inline-block; width:10px; height:18px; }
     38  </style>
     39 </head>
     40 <body>
     41 
     42 <div class="wrap"><div class="grid">
     43 <span class="c1"><x>&nbsp;</x></span>
     44 <span class="r1"><x>&nbsp;</x></span>
     45 </div></div>
     46 
     47 <div class="wrap"><div class="grid">
     48 <span class="c1" style="margin-right:54px"><x>&nbsp;</x></span>
     49 <span class="r1"><x>&nbsp;</x></span>
     50 <span class="c3"><x>&nbsp;</x></span>
     51 </div></div>
     52 
     53 <div class="wrap"><div class="grid">
     54 <span class="c1"><x>&nbsp;</x></span>
     55 <span class="r1"><x>&nbsp;</x></span>
     56 <span class="r1"><x>&nbsp;</x></span>
     57 <span class="r1"><x>&nbsp;</x></span>
     58 </div></div>
     59 
     60 <div class="wrap"><div class="grid" style="width:436px">
     61 <span class="c1" style="width:374px; margin-right:41px"><x>&nbsp;</x></span>
     62 <span class="r1" style="margin-left:5px"><x>&nbsp;</x></span>
     63 <span class="c3" style="margin-left:405px; float:left;margin-top:1px;"><x>&nbsp;</x></span>
     64 </div></div>
     65 
     66 <div class="wrap" style="float:left;"><div class="grid" style="width:500px;">
     67 <span class="c1" style="width:20px;margin-right:448px"><x>&nbsp;</x></span>
     68 <span class="r1" style="min-width:10px;margin-left:28px; margin-right:426px"><x>&nbsp;</x></span>
     69 <span class="r1" style="min-width:30px;margin-left:28px; margin-right:426px"><x>&nbsp;</x></span>
     70 <span class="r1" style="min-width:10px;margin-left:28px; margin-right:426px"><x>&nbsp;</x></span>
     71 </div></div>
     72 
     73 <div class="wrap"><div class="grid" style="width:583px;">
     74 <span class="c1" style="width:507px; margin-right:55px"><x>&nbsp;</x></span>
     75 <span class="r1"><x>&nbsp;</x></span>
     76 <span class="c3" style="margin-left:538px; float:left;margin-top:1px;"><x>&nbsp;</x></span>
     77 </div></div>
     78 
     79 <div class="wrap"><div class="grid" style="width:389px;">
     80 <span class="c1" style="width:100px"><x>&nbsp;</x></span>
     81 <span class="r1" style="width:300px;margin-left:68px;"><x>&nbsp;</x></span>
     82 <span class="c3" style="margin-left:131px;float:left;margin-top:1px;"><x>&nbsp;</x></span>
     83 </div></div>
     84 
     85 <div class="wrap"><div class="grid" style="width:389px;">
     86 <span class="c1" style="width:100px"><x>&nbsp;</x></span>
     87 <span class="r1" style="width:300px;margin-left:68px;"><x>&nbsp;</x></span>
     88 <span class="c3" style="margin-left:131px;float:left;margin-top:1px;"><x>&nbsp;</x></span>
     89 </div></div>
     90 
     91 
     92 </body>
     93 </html>