| OLD | NEW |
| 1 <div style="text-align:justify; text-decoration:underline; border:solid; width:5
00px; font-size:12px; line-height:2; height:499px; -moz-column-count:3; -webkit-
columns:3; columns:3; column-fill:auto;"> | 1 <!DOCTYPE html> |
| 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare, nunc ege
t condimentum tempor, | 2 <p>Test that a scrollable container isn't split across multiple columns.</p> |
| 3 augue ligula accumsan eros, sed consequat sapien orci id libero. Curabitur trist
ique, augue in aliquet | 3 <p>There should be three columns below. The first one should contain "line1". Th
e second one should |
| 4 accumsan, nibh nisi lobortis odio, et suscipit est ligula eu nisi. Nunc aliquet
lobortis porta. Donec | 4 contain "line2", "line3", "line4" and a vertical scrollbar. The third one sh
ould contain |
| 5 venenatis consectetur eleifend. Etiam sed tempor quam. Pellentesque gravida grav
ida eros venenatis | 5 "line5". No red should be seen</p> |
| 6 suscipit. | 6 <div style="-webkit-columns:3; -webkit-column-gap:1em; width:32em; line-height:2
em;"> |
| 7 | 7 line1<br> |
| 8 <div style="overflow:auto;height:300px;width:98%; border:2px solid black;">Aenea
n diam enim, suscipit id pellentesque vel, hendrerit et metus. Suspendisse felis
erat, | 8 <div style="overflow:auto; height:6em;"> |
| 9 hendrerit a congue in, euismod ac erat. Donec pulvinar venenatis tortor, a lobor
tis erat scelerisque | 9 line2<br> |
| 10 et. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per ince
ptos himenaeos. | 10 line3<br> |
| 11 Aliquam in orci id felis mollis porta ac et orci. Donec viverra, eros ac mattis
dapibus, quam ante | 11 line4<br> |
| 12 porta lectus, accumsan pellentesque nibh metus non felis. Vivamus sed eros quis
magna scelerisque | 12 <span style="color:red;">FAIL</span> |
| 13 ultrices ac eget velit. | 13 </div> |
| 14 line5<br> |
| 14 </div> | 15 </div> |
| 15 | |
| 16 Nunc et odio ut velit posuere viverra. Integer eu mi quis velit dapibus tempus a
t ut purus. Quisque | |
| 17 congue mollis mauris a hendrerit. Nam viverra est at orci interdum a ullamcorper
mi dictum. In id | |
| 18 sapien augue. Suspendisse potenti. Vestibulum turpis purus, convallis ut sagitti
s quis, semper vel | |
| 19 mauris. Curabitur vitae felis turpis. Fusce augue nibh, consectetur non vestibul
um et, bibendum sit | |
| 20 amet lectus. Nulla at imperdiet metus. Donec non est velit, non fringilla ipsum.
Fusce elementum neque | |
| 21 a nibh egestas sodales. Mauris ut lorem hendrerit metus interdum malesuada. Nam
tempus sodales neque | |
| 22 vitae bibendum. Vestibulum ac est sit amet dolor vehicula semper at sed ante. Nu
nc at neque urna, in | |
| 23 volutpat orci. Praesent eu velit neque, quis rutrum metus. Nunc eu ipsum sit ame
t ligula mattis | |
| 24 porttitor sit amet id felis. Integer volutpat aliquam odio et feugiat. | |
| 25 | |
| 26 </div> | |
| 27 </div> | |
| OLD | NEW |