widows-block-in-inline-001.html (727B)
1 <!DOCTYPE html> 2 <title>CSS Fragmentation level 3 Test: widows and orphans in block-in-inline</title> 3 <link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org"> 4 <link rel="help" href="https://drafts.csswg.org/css-break/#widows-orphans"> 5 <link rel="match" href="reference/widows-block-in-inline-001-ref.html"> 6 <style> 7 .columns { 8 columns: 3; 9 column-fill: auto; 10 line-height: 1; 11 height: 5em; 12 orphans: 3; 13 widows: 3; 14 } 15 </style> 16 <body> 17 <div class="columns"> 18 <div> 19 p1l1<br> 20 p1l2<br> 21 p1l3<br> 22 </div> 23 <span> 24 <div> 25 p2l1<br> 26 p2l2<br> 27 p2l3<br> 28 p2l4<br> 29 p2l5<br> 30 p2l6<br> 31 p2l7<br> 32 </div> 33 </span> 34 </div> 35 </body>