<!DOCTYPE html> <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> <link rel="help" href="https://www.w3.org/TR/css-multicol-1/#cf"> <style> #container { columns: 10; width: 100px; column-gap: 0; background: green; } </style> <p>Test passes if there is a filled green square below.</p> <div id="container" data-expected-height="100"> <div style="padding:40px 0; border-style:solid; border-color:green; border-width:40px 0;"> <div style="contain:size; height:20px;"></div> <div style="contain:size; height:20px;"></div> </div> </div> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> <script src="/resources/check-layout-th.js"></script> <script> checkLayout("#container"); </script>