OLD | NEW |
1 <html> | 1 <!DOCTYPE html> |
2 <body style="width:500px; height:750px; -webkit-column-count:2; column-count:2;
column-fill:auto; -webkit-writing-mode:vertical-rl"> | 2 <p>The word 'PASSED' should be seen below (writing-mode is vertical-rl).</p> |
3 | 3 <div style="width:2em; height:6em; -webkit-columns:3; -webkit-column-gap:0; colu
mn-fill:auto; line-height:2em; -webkit-writing-mode:vertical-rl;"> |
4 <h1>Header One</h1> | 4 <div style="-webkit-column-count:2; -webkit-column-gap:0;"> |
5 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. | 5 P<br>A |
6 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. | 6 </div> |
7 <h1>Header Two</h1> | 7 <div style="-webkit-column-count:2; -webkit-column-gap:0;"> |
8 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. | 8 S<br>S |
9 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. | 9 </div> |
10 <h1>Header Three</h1> | 10 <div style="-webkit-column-count:2; -webkit-column-gap:0;"> |
11 <div style="-webkit-column-count:2"> | 11 E<br>D |
12 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. | 12 </div> |
13 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. <span style=
"position:relative; opacity:0.5">Lorem ipsum dolor sit amet, consectetuer adipis
cing elit.</span> | |
14 </div> | 13 </div> |
15 <h1>Header Four</h1> | |
16 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m
i. | |
17 </body> | |
18 </html> | |
OLD | NEW |