OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>balancing fixed-height multicol</title> | 4 <title>balancing fixed-height multicol</title> |
5 <script> | |
6 if (window.internals) | |
7 internals.settings.setRegionBasedColumnsEnabled(true); | |
8 </script> | |
9 </head> | 5 </head> |
10 <body style="color:black; background:white;"> | 6 <body style="color:black; background:white;"> |
11 <p>Below there should be a blue box horizontally centered on the page.</p> | 7 <p>Below there should be a blue box horizontally centered on the page.</p> |
12 <div style="-webkit-columns:3; columns:3; height:10em; orphans:1; widows:1;"
> | 8 <div style="-webkit-columns:3; columns:3; height:10em; orphans:1; widows:1;"
> |
13 <div style="color:white;">line</div> | 9 <div style="color:white;">line</div> |
14 <div style="width:5em; margin:auto; color:blue; background:blue;">line</di
v> | 10 <div style="width:5em; margin:auto; color:blue; background:blue;">line</di
v> |
15 <div style="color:white;">line</div> | 11 <div style="color:white;">line</div> |
16 </div> | 12 </div> |
17 </body> | 13 </body> |
18 </html> | 14 </html> |
OLD | NEW |