| <!DOCTYPE html> |
| <script src="../resources/check-layout.js"></script> |
| <p>There should be a blue square below.</p> |
| <div id="multicol" style="position:relative; columns:3; column-fill:auto; column-gap:0; width:180px; height:100px; line-height:20px;"> |
| <br> |
| <br> |
| <div style="float:left; width:50px; height:50px;"></div> |
| <div style="background:blue;" data-offset-x="0" data-offset-y="40" data-expected-height="80"> |
| <div data-offset-x="60" data-offset-y="0" data-expected-height="20" style="clear:both; background:white;"> |
| <br> |
| </div> |
| </div> |
| </div> |
| <script> |
| checkLayout("#multicol"); |
| </script> |