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 |