OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src="../resources/check-layout.js"></script> |
| 3 <p>Below, there should be a yellow square with a border, to the left |
| 4 of a blue square with no border. There must be no red!</p> |
| 5 <div id="multicol" style="position:relative; columns:3; column-fill:auto; column
-gap:0; width:300px; line-height:50px; height:200px;"> |
| 6 <div data-expected-width="60" data-expected-height="60" style="border:5px so
lid wheat; width:50px; background:red;"> |
| 7 <div style="break-after:column; background:yellow;"> |
| 8 <br> |
| 9 </div> |
| 10 <div data-offset-x="105" data-offset-y="0" style="float:left; width:60px
; height:60px; background:blue;"></div> |
| 11 </div> |
| 12 <br> |
| 13 </div> |
| 14 <script> |
| 15 checkLayout("#multicol"); |
| 16 </script> |
OLD | NEW |