OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script> | 2 <script> |
3 onload = function() { | 3 onload = function() { |
4 var elm = document.getElementById('elm'); | 4 var elm = document.getElementById('elm'); |
5 document.body.offsetTop; // trigger layout | 5 document.body.offsetTop; // trigger layout |
6 elm.style.display = 'block'; | 6 elm.style.display = 'block'; |
7 } | 7 } |
8 </script> | 8 </script> |
9 <p>Test insertion of a spanner that comes right after another spanner, and prece
des column content.</p> | 9 <p>Test insertion of a spanner that comes right after another spanner, and prece
des column content.</p> |
10 <p>There should be four lines below with the word "PASS". Letter spacing is expe
cted to | 10 <p>There should be four lines below with the word "PASS". Letter spacing is expe
cted to |
11 vary. The first line should be in <span style="color:green;">green</span>. The s
econd one | 11 vary. The first line should be in <span style="color:green;">green</span>. The s
econd one |
12 in <span style="color:blue;">blue</span>, the third one | 12 in <span style="color:blue;">blue</span>, the third one |
13 in <span style="color:olive;">olive</span>, and the fourth one | 13 in <span style="color:olive;">olive</span>, and the fourth one |
14 in <span style="color:orange;">orange</span>.</p> | 14 in <span style="color:orange;">orange</span>.</p> |
15 <div style="-webkit-columns:5; -webkit-column-gap:0; width:5em; color:green;"> | 15 <div style="-webkit-columns:5; -webkit-column-gap:0; width:5em; orphans:1; widow
s:1; color:green;"> |
16 P<br>A<br>S<br>S | 16 P<br>A<br>S<br>S |
17 <div style="-webkit-column-span:all; color:blue;">PASS</div> | 17 <div style="-webkit-column-span:all; color:blue;">PASS</div> |
18 <div id="elm" style="display:none; -webkit-column-span:all; color:olive;">PA
SS</div> | 18 <div id="elm" style="display:none; -webkit-column-span:all; color:olive;">PA
SS</div> |
19 <span style="color:orange;">P<br>A<br>S<br>S</span> | 19 <span style="color:orange;">P<br>A<br>S<br>S</span> |
20 </div> | 20 </div> |
OLD | NEW |