OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Column rule thicker than gap</title> | 4 <title>Column rule thicker than gap</title> |
5 <style> | 5 <style> |
6 .mc { | 6 .mc { |
7 columns: 2; | 7 columns: 2; |
8 column-gap: 15px; | 8 column-gap: 15px; |
9 column-rule: 31px solid; | 9 column-rule: 31px solid; |
10 -moz-columns: 2; | 10 -moz-columns: 2; |
11 -moz-column-gap: 15px; | 11 -moz-column-gap: 15px; |
12 -moz-column-rule: 31px solid; | 12 -moz-column-rule: 31px solid; |
13 -webkit-columns: 2; | 13 -webkit-columns: 2; |
14 -webkit-column-gap: 15px; | 14 -webkit-column-gap: 15px; |
15 -webkit-column-rule: 31px solid; | 15 -webkit-column-rule: 31px solid; |
16 width: 101px; | 16 width: 101px; |
17 } | 17 } |
18 </style> | 18 </style> |
19 </head> | 19 </head> |
20 <body> | 20 <body> |
21 <p>There should be a filled rectangle below.</p> | 21 <p>There should be a filled rectangle below.</p> |
22 <div class="mc"> | 22 <div class="mc"> |
23 <div style="height:200px;"></div> | 23 <div style="height:200px;"></div> |
24 </div> | 24 </div> |
25 </body> | 25 </body> |
26 </html> | 26 </html> |
OLD | NEW |