discard-multicol-003-ref.html (697B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Overflow: test reference</title> 4 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> 5 <style> 6 div { 7 columns: 3; 8 border: solid 1px; 9 } 10 div p { 11 break-after: column; 12 } 13 .spanner { 14 column-span: all; 15 text-align: center; 16 } 17 18 /* incidental to the example, but needed for a controlled rendering :*/ 19 div p { margin: 0; } 20 div { 21 margin: 1em; 22 width: 47ch; 23 font-family: monospace; 24 gap: 1ch; 25 } 26 </style> 27 <p>Test passes if the two boxes bellow are identical. 28 29 <div> 30 <p>Column 1</p> 31 <p>Column 2</p> 32 <p>Column 3</p> 33 </div> 34 <div> 35 <p>Column 1</p> 36 <p>Column 2</p> 37 <p>Column 3</p> 38 </div>