OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 .first { color:green; } | 3 .first { color:green; } |
4 .second { color:blue; } | 4 .second { color:blue; } |
5 </style> | 5 </style> |
6 <p>Test that a column-span:all in an inner multicol container breaks nicely with
in the outer | 6 <p>Test that a column-span:all in an inner multicol container breaks nicely with
in the outer |
7 multicol container.</p> | 7 multicol container.</p> |
8 <p>There should be two lines with letters below, with large letter spacing. The
first line should | 8 <p>There should be two lines with letters below, with large letter spacing. The
first line should |
9 have green letters. The second line should have blue letters.</p> | 9 have green letters. The second line should have blue letters.</p> |
10 <div style="-webkit-columns:4; -webkit-column-gap:0; column-fill:auto; width:8em
; height:70px; font:16px/30px monospace;"> | 10 <div style="-webkit-columns:4; -webkit-column-gap:0; column-fill:auto; width:8em
; height:70px; font:16px/30px monospace; orphans:1; widows:1;"> |
11 <div style="-webkit-columns:2; -webkit-column-gap:0;"> | 11 <div style="-webkit-columns:2; -webkit-column-gap:0;"> |
12 <span class="first">C<br></span> | 12 <span class="first">C<br></span> |
13 <span class="first">A<br></span> | 13 <span class="first">A<br></span> |
14 <div style="-webkit-column-span:all;"> | 14 <div style="-webkit-column-span:all;"> |
15 <span class="second">M<br></span> | 15 <span class="second">M<br></span> |
16 <span class="first">N<br></span> | 16 <span class="first">N<br></span> |
17 <span class="second">R<br></span> | 17 <span class="second">R<br></span> |
18 <span class="first">I<br></span> | 18 <span class="first">I<br></span> |
19 </div> | 19 </div> |
20 <span class="second">B<br></span> | 20 <span class="second">B<br></span> |
21 <span class="second">E<br></span> | 21 <span class="second">E<br></span> |
22 <span class="first">B<br></span> | 22 <span class="first">B<br></span> |
23 <span class="second">E<br></span> | 23 <span class="second">E<br></span> |
24 <span class="first">E<br></span> | 24 <span class="first">E<br></span> |
25 <span class="second">R<br></span> | 25 <span class="second">R<br></span> |
26 </div> | 26 </div> |
27 </div> | 27 </div> |
OLD | NEW |