| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x600 |
| RenderBlock {HTML} at (0,0) size 800x600 |
| RenderBody {BODY} at (8,8) size 784x584 |
| RenderBlock (floating) {DIV} at (15,15) size 254x121 [border: (2px solid #000000)] |
| RenderText {#text} at (2,18) size 103x14 |
| text run at (2,18) width 103: "This text should snap" |
| RenderBR {BR} at (104,18) size 1x14 |
| RenderText {#text} at (2,61) size 115x14 |
| text run at (2,61) width 115: "to a 36px font-size grid." |
| RenderBR {BR} at (116,61) size 1x14 |
| RenderText {#text} at (2,104) size 250x14 |
| text run at (2,104) width 250: "There should be lots of spacing between these lines." |
| RenderBlock (floating) {DIV} at (278,15) size 197x80 [border: (2px solid #000000)] |
| RenderText {#text} at (2,11) size 171x23 |
| text run at (2,11) width 171: "This text should snap" |
| RenderBR {BR} at (172,11) size 1x23 |
| RenderText {#text} at (2,54) size 192x23 |
| text run at (2,54) width 192: "to a 36px font-size grid." |
| RenderBR {BR} at (193,54) size 1x23 |
| RenderText {#text} at (479,11) size 758x256 |
| text run at (479,11) width 289: "Here we can see the" |
| text run at (479,54) width 256: "actual lines of the" |
| text run at (479,97) width 264: "grid outside of the" |
| text run at (273,140) width 402: "floating objects. Everything" |
| text run at (10,183) width 717: "should be aligned to these lines, including what is" |
| text run at (10,226) width 300: "inside the two floats." |