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 784x16 RenderInline {EM} at (0,0) size 642x16 RenderText {#text} at (0,0) size 642x16 text run at (0,0) width 642: "When an :after rule has multiple pieces of content, older versions of Safari display them backwards." RenderBlock {DIV} at (10,32) size 764x51 [border: (1px solid #000000)] RenderText {#text} at (11,24) size 46x16 text run at (11,24) width 46: "Inline: " RenderInline {} at (0,0) size 491x16 RenderTextFragment at (56,24) size 239x16 text run at (56,24) width 239: "This should be before the green box. " RenderImage at (294.92,11) size 25x25 RenderTextFragment at (319,24) size 228x16 text run at (319,24) width 228: " This should be after the green box." RenderBlock {DIV} at (10,93) size 764x83 [border: (1px solid #000000)] RenderText {#text} at (11,56) size 87x16 text run at (11,56) width 87: "Inline-block: " RenderBlock {} at (97.64,11) size 200x61 RenderTextFragment at (0,0) size 163x45 text run at (0,0) width 163: "This should be before the" text run at (0,29) width 72: "green box. " RenderImage at (71.53,16) size 25x25 RenderTextFragment at (96,29) size 195x32 text run at (96,29) width 99: " This should be" text run at (0,45) width 125: "after the green box." RenderBlock {DIV} at (10,186) size 764x99 [border: (1px solid #000000)] RenderBlock (anonymous) at (11,11) size 742x16 RenderText {#text} at (0,0) size 43x16 text run at (0,0) width 43: "Block:" RenderBlock {} at (11,27) size 200x61 RenderTextFragment at (0,0) size 163x45 text run at (0,0) width 163: "This should be before the" text run at (0,29) width 72: "green box. " RenderImage at (71.53,16) size 25x25 RenderTextFragment at (96,29) size 195x32 text run at (96,29) width 99: " This should be" text run at (0,45) width 125: "after the green box."