| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x600 | 3 layer at (0,0) size 800x600 |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x600 | 4 LayoutBlockFlow {HTML} at (0,0) size 800x600 |
| 5 LayoutBlockFlow {BODY} at (8,8) size 784x582 | 5 LayoutBlockFlow {BODY} at (8,8) size 784x582 |
| 6 LayoutBlockFlow {P} at (0,0) size 784x18 | 6 LayoutBlockFlow {P} at (0,0) size 784x18 |
| 7 LayoutInline {EM} at (0,0) size 642x17 | 7 LayoutInline {EM} at (0,0) size 642x17 |
| 8 LayoutText {#text} at (0,0) size 642x17 | 8 LayoutText {#text} at (0,0) size 642x17 |
| 9 text run at (0,0) width 642: "When an :after rule has multiple piece
s of content, older versions of Safari display them backwards." | 9 text run at (0,0) width 642: "When an :after rule has multiple piece
s of content, older versions of Safari display them backwards." |
| 10 LayoutBlockFlow {DIV} at (10,34) size 764x51 [border: (1px solid #000000)] | 10 LayoutBlockFlow {DIV} at (10,34) size 764x51 [border: (1px solid #000000)] |
| 11 LayoutText {#text} at (11,22) size 46x17 | 11 LayoutText {#text} at (11,22) size 46x17 |
| 12 text run at (11,22) width 46: "Inline: " | 12 text run at (11,22) width 46: "Inline: " |
| 13 LayoutInline {<pseudo:after>} at (0,0) size 491x17 | 13 LayoutInline {<pseudo:after>} at (0,0) size 491x17 |
| 14 LayoutTextFragment at (56,22) size 239x17 | 14 LayoutTextFragment (anonymous) at (56,22) size 239x17 |
| 15 text run at (56,22) width 239: "This should be before the green box.
" | 15 text run at (56,22) width 239: "This should be before the green box.
" |
| 16 LayoutImage at (294.92,11) size 25x25 | 16 LayoutImage (anonymous) at (294.92,11) size 25x25 |
| 17 LayoutTextFragment at (319,22) size 228x17 | 17 LayoutTextFragment (anonymous) at (319,22) size 228x17 |
| 18 text run at (319,22) width 228: " This should be after the green box
." | 18 text run at (319,22) width 228: " This should be after the green box
." |
| 19 LayoutBlockFlow {DIV} at (10,95) size 764x87 [border: (1px solid #000000)] | 19 LayoutBlockFlow {DIV} at (10,95) size 764x87 [border: (1px solid #000000)] |
| 20 LayoutText {#text} at (11,58) size 87x17 | 20 LayoutText {#text} at (11,58) size 87x17 |
| 21 text run at (11,58) width 87: "Inline-block: " | 21 text run at (11,58) width 87: "Inline-block: " |
| 22 LayoutBlockFlow {<pseudo:after>} at (97.64,11) size 200x65 | 22 LayoutBlockFlow {<pseudo:after>} at (97.64,11) size 200x65 |
| 23 LayoutTextFragment at (0,0) size 163x46 | 23 LayoutTextFragment (anonymous) at (0,0) size 163x46 |
| 24 text run at (0,0) width 163: "This should be before the" | 24 text run at (0,0) width 163: "This should be before the" |
| 25 text run at (0,29) width 72: "green box. " | 25 text run at (0,29) width 72: "green box. " |
| 26 LayoutImage at (71.53,18) size 25x25 | 26 LayoutImage (anonymous) at (71.53,18) size 25x25 |
| 27 LayoutTextFragment at (96,29) size 195x35 | 27 LayoutTextFragment (anonymous) at (96,29) size 195x35 |
| 28 text run at (96,29) width 99: " This should be" | 28 text run at (96,29) width 99: " This should be" |
| 29 text run at (0,47) width 125: "after the green box." | 29 text run at (0,47) width 125: "after the green box." |
| 30 LayoutBlockFlow {DIV} at (10,192) size 764x105 [border: (1px solid #000000
)] | 30 LayoutBlockFlow {DIV} at (10,192) size 764x105 [border: (1px solid #000000
)] |
| 31 LayoutBlockFlow (anonymous) at (11,11) size 742x18 | 31 LayoutBlockFlow (anonymous) at (11,11) size 742x18 |
| 32 LayoutText {#text} at (0,0) size 43x17 | 32 LayoutText {#text} at (0,0) size 43x17 |
| 33 text run at (0,0) width 43: "Block:" | 33 text run at (0,0) width 43: "Block:" |
| 34 LayoutBlockFlow {<pseudo:after>} at (11,29) size 200x65 | 34 LayoutBlockFlow {<pseudo:after>} at (11,29) size 200x65 |
| 35 LayoutTextFragment at (0,0) size 163x46 | 35 LayoutTextFragment (anonymous) at (0,0) size 163x46 |
| 36 text run at (0,0) width 163: "This should be before the" | 36 text run at (0,0) width 163: "This should be before the" |
| 37 text run at (0,29) width 72: "green box. " | 37 text run at (0,29) width 72: "green box. " |
| 38 LayoutImage at (71.53,18) size 25x25 | 38 LayoutImage (anonymous) at (71.53,18) size 25x25 |
| 39 LayoutTextFragment at (96,29) size 195x35 | 39 LayoutTextFragment (anonymous) at (96,29) size 195x35 |
| 40 text run at (96,29) width 99: " This should be" | 40 text run at (96,29) width 99: " This should be" |
| 41 text run at (0,47) width 125: "after the green box." | 41 text run at (0,47) width 125: "after the green box." |
| OLD | NEW |