| <!DOCTYPE html> | |
| <script src="../resources/check-layout.js"></script> | |
| <p>Below, there should be a green square with a border, and no red.</p> | |
| <div id="multicol" style="columns:3; column-fill:auto; line-height:50px; height:100px;"> | |
| <div data-expected-width="60" data-expected-height="60" style="border:5px solid green; width:50px; background:red;"> | |
| <div style="break-after:column; background:lime;"> | |
| <br> | |
| </div> | |
| </div> | |
| <br> | |
| </div> | |
| <script> | |
| checkLayout("#multicol"); | |
| </script> |