tor-browser

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

flexbox_interactive_break-natural.html (608B)


      1 <!DOCTYPE html>
      2 <title>flexbox | natural breaks</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 * {
      8 widows: 1;
      9 orphans: 1;
     10 margin: 0;
     11 height: 100%;
     12 }
     13 body {
     14 display: flex;
     15 flex-direction: column;
     16 }
     17 div {
     18 height: 75%;
     19 flex: 0 0  auto;
     20 }
     21 @media print {
     22 div {
     23 	break-inside: avoid;
     24 }
     25 div+div {
     26 	border-top: 1em solid red;
     27 }
     28 }
     29 </style>
     30 
     31 <div>Enter print preview. You should not see red or the word fail on the
     32 first page.</div>
     33 
     34 <div>FAIL</div>