1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x600
4 LayoutBlockFlow {HTML} at (0,0) size 800x600
5 LayoutBlockFlow {BODY} at (8,8) size 784x584
6 LayoutBlockFlow {P} at (0,0) size 784x0
7 LayoutBlockFlow {DIV} at (0,0) size 784x20
8 LayoutText {#text} at (0,0) size 564x19
9 text run at (0,0) width 409: "In this paragraph, there should be a right floating green ::after block. "
10 text run at (409,0) width 155: "It should be ok to do this."
11 LayoutBlockFlow (floating) {<pseudo:after>} at (684,0) size 100x100 [color=#008000] [bgcolor=#008000]
12 LayoutTextFragment (anonymous) at (0,0) size 49x19
13 text run at (0,0) width 49: "Invisible"
14 layer at (300,300) size 296x20
15 LayoutBlockFlow (positioned) {<pseudo:before>} at (300,300) size 296x20
16 LayoutTextFragment (anonymous) at (0,0) size 296x19
17 text run at (0,0) width 296: "Some text that should be at an (x,y) of (300,300)"