OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <script> | |
3 onload = function() { | |
4 document.body.offsetTop; // trigger layout | |
5 document.getElementById('elm').className = "x"; | |
6 } | |
7 </script> | |
8 <style> | |
9 .x::after { display:block; -webkit-column-span:all; column-span:all; backgro und:yellow; content:".........."; } | |
10 </style> | |
11 <p>There should be two rectangles with identical sizes below. The first one shou ld be blue | |
12 with nothing inside. The second one should be yellow with some dots inside.< /p> | |
13 <div style="-webkit-columns:4; columns:4; orphans:1; widows:1; line-height:100px ; background:blue;"> | |
14 <span id="elm"> </span> | |
15 </div> | |
OLD | NEW |