OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
4 .columns { -webkit-column-count:2; -moz-column-count: 2; column-count: 2; border
:2px solid black; height:300px } | 4 .columns { -moz-column-count:2; -webkit-column-count:2; column-count:2; column-f
ill:auto; border:2px solid black; height:300px } |
5 .block { height:200px; background-color:purple; } | 5 .block { height:200px; background-color:purple; } |
6 </style> | 6 </style> |
7 </head> | 7 </head> |
8 <body> | 8 <body> |
9 The two purple rectangles below should both be at the top of their columns. If
one is lower than the other, than the test has failed. | 9 The two purple rectangles below should both be at the top of their columns. If
one is lower than the other, than the test has failed. |
10 <div class="columns"> | 10 <div class="columns"> |
11 <div class="block" style="margin-bottom:200px"></div> | 11 <div class="block" style="margin-bottom:200px"></div> |
12 <div class="block"></div> | 12 <div class="block"></div> |
13 </div> | 13 </div> |
OLD | NEW |