| 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 before column content.</p> | 9 <p>Test insertion of a spanner before column content.</p> |
| 10 <p>There should be two lines below with the word "PASS". Letter spacing is expec
ted to | 10 <p>There should be two lines below with the word "PASS". Letter spacing is expec
ted to |
| 11 vary. The first word should be in <span style="color:blue;">blue</span>. The sec
ond one | 11 vary. The first word should be in <span style="color:blue;">blue</span>. The sec
ond one |
| 12 in <span style="color:olive;">olive</span>.</p> | 12 in <span style="color:olive;">olive</span>.</p> |
| 13 <div style="-webkit-columns:5; -webkit-column-gap:0; width:5em; color:olive;"> | 13 <div style="-webkit-columns:5; -webkit-column-gap:0; width:5em; orphans:1; widow
s:1; color:olive;"> |
| 14 <div id="elm" style="display:none; -webkit-column-span:all; color:blue;">PAS
S</div> | 14 <div id="elm" style="display:none; -webkit-column-span:all; color:blue;">PAS
S</div> |
| 15 P<br>A<br>S<br>S | 15 P<br>A<br>S<br>S |
| 16 </div> | 16 </div> |
| OLD | NEW |