tor-browser

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

flexbox-single-column-vertical-lr-4-ref.html (1211B)

      1 <!DOCTYPE html>
      2 <!-- Any copyright is dedicated to the Public Domain.
      3     http://creativecommons.org/publicdomain/zero/1.0/ -->
      4 <html class="reftest-paged">
      5  <meta charset="utf-8">
      6  <title>CSS Flexbox Test Reference: Fragmentation of single-line column flex container in print context</title>
      7  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
      8  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
      9 
     10  <style>
     11  html {
     12    writing-mode: vertical-lr;
     13  }
     14  @page { size:5in 3in; margin:0.5in; }
     15 
     16  html, body {
     17    font-size: 12pt; margin: 0;
     18  }
     19 
     20  .flexContainer {
     21    display: block;
     22    background: gray;
     23    border: 0.25in solid lightgray;
     24  }
     25  article {
     26    background: yellow;
     27    block-size: 2in;
     28  }
     29  </style>
     30 
     31  <body>
     32    <div style="block-size: 0.25in; background: lightblue"></div>
     33    <div class="flexContainer">
     34      <div class="flexContainer">
     35        <div class="flexContainer">
     36          <!-- <article> is expected to have 1 inch in the first page and 1 inch
     37               in the second page.  -->
     38          <article></article>
     39        </div>
     40      </div>
     41    </div>
     42    <div style="block-size: 0.25in; background: lightblue"></div>
     43  </body>
     44 </html>