balance-table-with-fractional-height-row.html (621B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> 3 <link rel="help" href="https://drafts.csswg.org/css-multicol/#filling-columns"> 4 <div id="multicol" style="columns:2; line-height:100px;"> 5 <div style="display:table-row; height:4.9999px;"></div> 6 <div style="display:table-row;"> 7 <br> 8 </div> 9 </div> 10 <script src="/resources/testharness.js"></script> 11 <script src="/resources/testharnessreport.js"></script> 12 <script> 13 test(()=> { 14 assert_equals(multicol.getBoundingClientRect().height, 100); 15 }, "If we have room for the line, we have room for all we need"); 16 </script>