overflowing-block-003-ref.html (600B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com"> 4 <link rel="author" title="Mozilla" href="https://www.mozilla.org/"> 5 6 <style> 7 .multicol { 8 width: 150px; 9 height: 50px; 10 columns: 2; 11 column-gap: 0; 12 column-fill: auto; 13 border: 3px solid black; 14 margin: 10px; 15 } 16 .outer { 17 width: 50px; 18 height: 100px; 19 background: green; 20 } 21 </style> 22 23 <p>This test passes if there are two 50x50 green squares in each black box.</p> 24 25 <div class="multicol"> 26 <div class="outer"></div> 27 </div> 28 29 <div class="multicol"> 30 <div class="outer"></div> 31 </div>