fieldset-multicol-column-height.html (953B)
1 <!DOCTYPE html> 2 <title>fieldset multicol with auto count, non-auto width</title> 3 <link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#the-fieldset-and-legend-elements"> 4 <link rel="help" href="https://drafts.csswg.org/css-multicol-2/#ch"> 5 <link rel="help" href="https://drafts.csswg.org/css-multicol-2/#cwr"> 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 <style> 9 #test { margin: 0; padding: 0; border: none } 10 #test, #ref { columns:3; column-height:1.5em; column-wrap:wrap; gap:20px; } 11 p { margin: 0 } 12 </style> 13 <fieldset id="test"> 14 <p>1</p> 15 <p>2</p> 16 <p>3</p> 17 <p>4</p> 18 <p>5</p> 19 </fieldset> 20 <div id="ref"> 21 <p>1</p> 22 <p>2</p> 23 <p>3</p> 24 <p>4</p> 25 <p>5</p> 26 </div> 27 <script> 28 test(() => { 29 assert_equals(getComputedStyle(document.getElementById('test')).height, 30 getComputedStyle(document.getElementById('ref')).height); 31 }); 32 </script>