column-balancing-paged-001-print-ref.html (901B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <title>CSS Multi-column Layout Test Reference: Test fragmentation for a nested multi-column container with column-span in paginated context</title> 5 <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com"> 6 <link rel="author" title="Mozilla" href="https://www.mozilla.org/"> 7 8 <style> 9 :root { 10 print-color-adjust: exact; 11 } 12 .inner { 13 column-count: 2; 14 column-rule: 3px solid green; 15 background-color: lightgreen; 16 } 17 .block1 { 18 background-color: yellow; 19 height: 3in; 20 } 21 .spanner { 22 height: 2in; 23 background-color: lightblue; 24 } 25 .block2 { 26 background-color: pink; 27 height: 3in; 28 } 29 </style> 30 31 <article class="inner"> 32 <div class="block1">block1</div> 33 </article> 34 <div class="spanner">spanner</div> 35 <article class="inner"> 36 <div class="block2">block2</div> 37 </article> 38 </html>