| <!DOCTYPE html> | |
| <script src="../resources/check-layout.js"></script> | |
| <p>There should be a smiley below.</p> | |
| <div id="multicol" style="position:relative; columns:1; column-fill:auto; height:200px; overflow:hidden;"> | |
| <div style="padding-top:50px; break-inside:avoid;"> | |
| <div style="padding-top:50px; height:400px; break-inside:avoid;"> | |
| <div data-offset-y="100" data-offset-x="0"> | |
| :-) | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <script> | |
| checkLayout("#multicol"); | |
| </script> |