| 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 |