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 784x582 RenderBlock {P} at (0,0) size 784x18 RenderInline {EM} at (0,0) size 629x18 RenderText {#text} at (0,0) size 629x18 text run at (0,0) width 629: "When an :after rule has multiple pieces of content, older versions of Safari display them backwards." RenderBlock {DIV} at (10,34) size 764x51 [border: (1px solid #000000)] RenderText {#text} at (11,22) size 44x18 text run at (11,22) width 44: "Inline: " RenderInline (generated) at (0,0) size 483x18 RenderText at (55,22) size 235x18 text run at (55,22) width 235: "This should be before the green box. " RenderImage at (290,11) size 25x25 RenderText at (315,22) size 223x18 text run at (315,22) width 223: " This should be after the green box." RenderBlock {DIV} at (10,95) size 764x87 [border: (1px solid #000000)] RenderText {#text} at (11,58) size 84x18 text run at (11,58) width 84: "Inline-block: " RenderBlock (generated) at (95,11) size 200x65 RenderText at (0,0) size 199x47 text run at (0,0) width 199: "This should be before the green" text run at (0,29) width 32: "box. " RenderImage at (32,18) size 25x25 RenderText at (57,29) size 186x36 text run at (57,29) width 129: " This should be after" text run at (0,47) width 90: "the green box." RenderBlock {DIV} at (10,192) size 764x105 [border: (1px solid #000000)] RenderBlock (anonymous) at (11,11) size 742x18 RenderText {#text} at (0,0) size 42x18 text run at (0,0) width 42: "Block:" RenderBlock (generated) at (11,29) size 200x65 RenderText at (0,0) size 199x47 text run at (0,0) width 199: "This should be before the green" text run at (0,29) width 32: "box. " RenderImage at (32,18) size 25x25 RenderText at (57,29) size 186x36 text run at (57,29) width 129: " This should be after" text run at (0,47) width 90: "the green box."