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 (pseudo:after) at (0,0) size 483x18
- RenderTextFragment 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
- RenderTextFragment 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 (pseudo:after) at (95,11) size 200x65
- RenderTextFragment 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
- RenderTextFragment 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 (pseudo:after) at (11,29) size 200x65
- RenderTextFragment 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
- RenderTextFragment 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 {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 {<pseudo:after>} 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 {<pseudo:after>} 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 {<pseudo:after>} 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."