| <!DOCTYPE html> |
| <script src="../resources/check-layout.js"></script> |
| <p>There should be two blue squares below.</p> |
| <div id="multicol" style="columns:3; column-fill:auto; column-gap:0; position:relative; width:120px; height:100px; line-height:20px;"> |
| <div style="height:60px;"></div> |
| <div data-offset-x="0" data-offset-y="60" data-expected-height="80" style="padding-top:30px; padding-bottom:20px; background:blue;"> |
| <div data-offset-x="0" data-offset-y="90"></div> |
| <!-- This is where the soft break should occur, since it's a valid class A break point. --> |
| <div data-offset-x="40" data-offset-y="0"> |
| <br> |
| </div> |
| </div> |
| </div> |
| <script> |
| checkLayout("#multicol"); |
| </script> |