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