tor-browser

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

flexbox_interactive_break-after-column-item.html (664B)

      1 <!DOCTYPE html>
      2 <title>flexbox | break-after, column, item</title>
      3 <link rel="author" href="http://opera.com" title="Opera Software">
      4 <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#pagination">
      5 <meta name="flags" content="interact paged">
      6 <style>
      7 * {widows: 1; orphans: 1;}
      8 div {
      9 border: 1px solid white;
     10 width: 20em;
     11 
     12 display: flex;
     13 flex-direction: column;
     14 }
     15 p {
     16 margin: 0;
     17 height: 2em;
     18 
     19 flex: 1;
     20 }
     21 @media projection, print {
     22 p:first-child {
     23 	break-after: always;
     24 }
     25 }
     26 </style>
     27 
     28 <h4>Enter fullscreen or print preview. You should not see the word fail
     29 on the first page after doing that.</h4>
     30 
     31 <div>
     32 <p></p>
     33 <p>fail</p>
     34 <p>fail</p>
     35 </div>