| <!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:200px;"> | |
| <br> | |
| <div style="border:5px solid green; width:100px; background:red;" data-expected-width="110" data-expected-height="110"> | |
| <div style="break-before:column; background:lime;"> | |
| <br> | |
| <br> | |
| </div> | |
| </div> | |
| </div> | |
| <script> | |
| checkLayout("#multicol"); | |
| </script> |