OLD | NEW |
---|---|
1 <html> | 1 <html> |
2 <style> | 2 <style> |
3 div { | 3 div { |
4 border: 5px solid maroon; | 4 border: 5px solid maroon; |
5 -webkit-column-count: 2; | 5 -webkit-column-count: 2; |
6 width: 750px; | 6 width: 750px; |
7 margin: 1em 0; | 7 margin: 1em 0; |
8 } | 8 } |
9 span { | 9 span { |
10 display: block; | 10 display: block; |
11 margin: 1em 0; | 11 margin: 1em 0; |
12 } | 12 } |
13 h2 { | 13 h2 { |
14 -webkit-column-span: all; | 14 -webkit-column-span: all; |
15 background-color: #eeeeee; | 15 background-color: #eeeeee; |
16 color: black; | 16 color: black; |
17 } | 17 } |
18 </style> | 18 </style> |
19 <h2 id="base">PASS</h2> | 19 <h2 id="base">PASS</h2> |
20 <div> | 20 <div> |
21 <span id="one"> | 21 <span id="one"> |
22 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Pro in nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam b ibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, int erdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum. | 22 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Pro in nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam b ibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, int erdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum. |
23 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<dl> | 23 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<dl> |
24 </span> | 24 </span> |
mstensho (USE GERRIT)
2014/10/24 21:23:53
Add <!DOCTYPE html>?
| |
25 </div> | 25 </div> |
26 <script> | 26 <script> |
27 if (window.testRunner) | |
28 testRunner.dumpAsText(); | |
27 one.insertBefore(document.getElementById('base').cloneNode(true), one.firstC hild); | 29 one.insertBefore(document.getElementById('base').cloneNode(true), one.firstC hild); |
28 document.body.offsetTop; | 30 document.body.offsetTop; |
29 </script> | 31 </script> |
30 </html> | 32 </html> |
31 | 33 |
OLD | NEW |