OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../../resources/check-layout.js"></script> | 2 <script src="../../resources/check-layout.js"></script> |
3 <p>The word "WIN" should be seen below.</p> | 3 <p>The word "WIN" should be seen below.</p> |
4 <div id="outer" style="position:relative; -webkit-column-count:2; -webkit-column
-gap:0; column-fill:auto; width:64px; height:40px; font:16px/32px monospace; tex
t-align:right;" class="font"> | 4 <div id="outer" style="position:relative; -webkit-column-count:2; -webkit-column
-gap:0; column-fill:auto; width:64px; height:40px; font:16px/32px monospace; tex
t-align:right;" class="font"> |
5 <div data-offset-x="0" data-offset-y="0">W</div> | 5 <div data-offset-x="0" data-offset-y="0">W</div> |
6 <div style="-webkit-column-count:2; -webkit-column-gap:0;"> | 6 <div style="-webkit-column-count:2; -webkit-column-gap:0;"> |
7 <div data-offset-x="32" data-offset-y="0">I</div> | 7 <!-- There'll be a break before the first line in the first DIV, but |
| 8 the DIV will itself will start in the first column, since there's |
| 9 no break opportunity before it. --> |
| 10 <div data-offset-x="0" data-offset-y="32"> |
| 11 <span data-offset-x="32" data-offset-y="0" style="display:inline-blo
ck; width:100%;">I</span> |
| 12 </div> |
8 <div data-offset-x="48" data-offset-y="0" style="-webkit-column-break-be
fore:always;">N</div> | 13 <div data-offset-x="48" data-offset-y="0" style="-webkit-column-break-be
fore:always;">N</div> |
9 </div> | 14 </div> |
10 </div> | 15 </div> |
11 <script> | 16 <script> |
12 checkLayout("#outer"); | 17 checkLayout("#outer"); |
13 </script> | 18 </script> |
OLD | NEW |