1 layer at (0,0) size 800x600
2 RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x600
4 RenderBlock {HTML} at (0,0) size 800x600
5 RenderBody {BODY} at (8,8) size 784x582
6 RenderBlock {P} at (0,0) size 784x18
7 RenderInline {EM} at (0,0) size 629x18
8 RenderText {#text} at (0,0) size 629x18
9 text run at (0,0) width 629: "When an :after rule has multiple pieces of content, older versions of Safari display them backwards."
10 RenderBlock {DIV} at (10,34) size 764x51 [border: (1px solid #000000)]
11 RenderText {#text} at (11,22) size 44x18
12 text run at (11,22) width 44: "Inline: "
13 RenderInline (generated) at (0,0) size 483x18
14 RenderText at (55,22) size 235x18
15 text run at (55,22) width 235: "This should be before the green box. "
16 RenderImage at (290,11) size 25x25
17 RenderText at (315,22) size 223x18
18 text run at (315,22) width 223: " This should be after the green box."
19 RenderBlock {DIV} at (10,95) size 764x87 [border: (1px solid #000000)]
20 RenderText {#text} at (11,58) size 84x18
21 text run at (11,58) width 84: "Inline-block: "
22 RenderBlock (generated) at (95,11) size 200x65
23 RenderText at (0,0) size 199x47
24 text run at (0,0) width 199: "This should be before the green"
25 text run at (0,29) width 32: "box. "
26 RenderImage at (32,18) size 25x25
27 RenderText at (57,29) size 186x36
28 text run at (57,29) width 129: " This should be after"
29 text run at (0,47) width 90: "the green box."
30 RenderBlock {DIV} at (10,192) size 764x105 [border: (1px solid #000000)]
31 RenderBlock (anonymous) at (11,11) size 742x18
32 RenderText {#text} at (0,0) size 42x18
33 text run at (0,0) width 42: "Block:"
34 RenderBlock (generated) at (11,29) size 200x65
35 RenderText at (0,0) size 199x47
36 text run at (0,0) width 199: "This should be before the green"
37 text run at (0,29) width 32: "box. "
38 RenderImage at (32,18) size 25x25
39 RenderText at (57,29) size 186x36
40 text run at (57,29) width 129: " This should be after"
41 text run at (0,47) width 90: "the green box."