| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> | |
| <html> | |
| <head> | |
| <style> | |
| .grid { -webkit-line-grid: simple; -webkit-line-snap: baseline; | |
| font-size:36px; float:left;border:2px solid black; | |
| padding:10px; margin:5px } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="grid"> | |
| <div style="font-size:12px"> | |
| This text should snap<br> | |
| to a 36px font-size grid.<br> | |
| There should be lots of spacing between these lines. | |
| </div> | |
| </div> | |
| <div class="grid"> | |
| This text should snap<br> | |
| to a 36px font-size grid.<br> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |