OLD | NEW |
1 <div style="text-align: justify; text-decoration: underline; border: solid; widt
h: 500px; -moz-column-count:3; -webkit-columns:3; columns:3; column-fill:auto; f
ont-size: 12px; line-height: 2; height: 499px;"> | 1 <!DOCTYPE html> |
2 <div style="overflow:auto"> | 2 <p>Test that content is properly split into columns when inside auto overflow th
at doesn't result in any scrollbars.</p> |
3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare, nunc ege
t condimentum tempor, | 3 <p>The word 'PASS' (with large letter spacing) should be seen below.</p> |
4 augue ligula accumsan eros, sed consequat sapien orci id libero. Curabitur trist
ique, augue in aliquet | 4 <div style="-webkit-columns:4; -webkit-column-gap:1em; width:7em;"> |
5 accumsan, nibh nisi lobortis odio, et suscipit est ligula eu nisi. Nunc aliquet
lobortis porta. Donec | 5 <div style="overflow:auto;"> |
6 venenatis consectetur eleifend. Etiam sed tempor quam. Pellentesque gravida grav
ida eros venenatis | 6 P<br> |
7 suscipit. Aenean diam enim, suscipit id pellentesque vel, hendrerit et metus. Su
spendisse felis erat, | 7 A<br> |
8 hendrerit a congue in, euismod ac erat. Donec pulvinar venenatis tortor, a lobor
tis erat scelerisque | 8 S<br> |
9 et. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per ince
ptos himenaeos. | 9 S<br> |
10 Aliquam in orci id felis mollis porta ac et orci. Donec viverra, eros ac mattis
dapibus, quam ante | 10 </div> |
11 porta lectus, accumsan pellentesque nibh metus non felis. Vivamus sed eros quis
magna scelerisque | |
12 ultrices ac eget velit. | |
13 | |
14 Nunc et odio ut velit posuere viverra. Integer eu mi quis velit dapibus tempus a
t ut purus. Quisque | |
15 congue mollis mauris a hendrerit. Nam viverra est at orci interdum a ullamcorper
mi dictum. In id | |
16 sapien augue. Suspendisse potenti. Vestibulum turpis purus, convallis ut sagitti
s quis, semper vel | |
17 mauris. Curabitur vitae felis turpis. Fusce augue nibh, consectetur non vestibul
um et, bibendum sit | |
18 amet lectus. Nulla at imperdiet metus. Donec non est velit, non fringilla ipsum.
Fusce elementum neque | |
19 a nibh egestas sodales. Mauris ut lorem hendrerit metus interdum malesuada. Nam
tempus sodales neque | |
20 vitae bibendum. Vestibulum ac est sit amet dolor vehicula semper at sed ante. Nu
nc at neque urna, in | |
21 volutpat orci. Praesent eu velit neque, quis rutrum metus. Nunc eu ipsum sit ame
t ligula mattis | |
22 porttitor sit amet id felis. Integer volutpat aliquam odio et feugiat. | |
23 | |
24 </div> | 11 </div> |
25 </div> | |
OLD | NEW |