OLD | NEW |
1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> | 1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 .grid { -webkit-line-grid: simple; -webkit-line-snap: baseline; | 5 .grid { -webkit-line-grid: simple; -webkit-line-snap: baseline; |
6 font-size:36px; }</style> | 6 font-size:36px; }</style> |
7 </head> | 7 </head> |
8 <body> | 8 <body> |
9 | 9 |
10 <div style="height:500px; border:2px solid red; -webkit-column-count:2;"> | 10 <div style="height:500px; border:2px solid red; -webkit-column-count:2; column-c
ount:2; column-fill:auto;"> |
11 <div class="grid"> | 11 <div class="grid"> |
12 <div style="font-size:16px"> | 12 <div style="font-size:16px"> |
13 All of this text even though it's smaller should be on the 36px | 13 All of this text even though it's smaller should be on the 36px |
14 grid. The grid should reset at the top of the second column.<br> | 14 grid. The grid should reset at the top of the second column.<br> |
15 All of this text even though it's smaller should be on the 36px | 15 All of this text even though it's smaller should be on the 36px |
16 grid. The grid should reset at the top of the second column.<br> | 16 grid. The grid should reset at the top of the second column.<br> |
17 All of this text even though it's smaller should be on the 36px | 17 All of this text even though it's smaller should be on the 36px |
18 grid. The grid should reset at the top of the second column.<br> | 18 grid. The grid should reset at the top of the second column.<br> |
19 </div> | 19 </div> |
20 <div style="font-size:24px"> | 20 <div style="font-size:24px"> |
(...skipping 18 matching lines...) Expand all Loading... |
39 All of this text even though it's smaller should be on the 36px | 39 All of this text even though it's smaller should be on the 36px |
40 grid. The grid should reset at the top of the second column.<br> | 40 grid. The grid should reset at the top of the second column.<br> |
41 All of this text even though it's smaller should be on the 36px | 41 All of this text even though it's smaller should be on the 36px |
42 grid. The grid should reset at the top of the second column.<br> | 42 grid. The grid should reset at the top of the second column.<br> |
43 </div> | 43 </div> |
44 </div> | 44 </div> |
45 </div> | 45 </div> |
46 </div> | 46 </div> |
47 </body> | 47 </body> |
48 </html> | 48 </html> |
OLD | NEW |