| 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 784x20 | 6 LayoutBlockFlow {P} at (0,0) size 784x20 |
| 7 LayoutInline {EM} at (0,0) size 640x19 | 7 LayoutInline {EM} at (0,0) size 640x19 |
| 8 LayoutText {#text} at (0,0) size 640x19 | 8 LayoutText {#text} at (0,0) size 640x19 |
| 9 text run at (0,0) width 640: "When an :after rule has multiple piece
s of content, older versions of Safari display them backwards." | 9 text run at (0,0) width 640: "When an :after rule has multiple piece
s of content, older versions of Safari display them backwards." |
| 10 LayoutBlockFlow {DIV} at (10,36) size 764x52 [border: (1px solid #000000)] | 10 LayoutBlockFlow {DIV} at (10,36) size 764x52 [border: (1px solid #000000)] |
| 11 LayoutText {#text} at (11,21) size 39x19 | 11 LayoutText {#text} at (11,21) size 39x19 |
| 12 text run at (11,21) width 39: "Inline: " | 12 text run at (11,21) width 39: "Inline: " |
| 13 LayoutInline {<pseudo:after>} at (0,0) size 461x19 | 13 LayoutInline {<pseudo:after>} at (0,0) size 461x19 |
| 14 LayoutTextFragment at (50,21) size 224x19 | 14 LayoutTextFragment (anonymous) at (50,21) size 224x19 |
| 15 text run at (50,21) width 224: "This should be before the green box.
" | 15 text run at (50,21) width 224: "This should be before the green box.
" |
| 16 LayoutImage at (274,11) size 25x25 | 16 LayoutImage (anonymous) at (274,11) size 25x25 |
| 17 LayoutTextFragment at (299,21) size 212x19 | 17 LayoutTextFragment (anonymous) at (299,21) size 212x19 |
| 18 text run at (299,21) width 212: " This should be after the green box
." | 18 text run at (299,21) width 212: " This should be after the green box
." |
| 19 LayoutBlockFlow {DIV} at (10,98) size 764x92 [border: (1px solid #000000)] | 19 LayoutBlockFlow {DIV} at (10,98) size 764x92 [border: (1px solid #000000)] |
| 20 LayoutText {#text} at (11,61) size 79x19 | 20 LayoutText {#text} at (11,61) size 79x19 |
| 21 text run at (11,61) width 79: "Inline-block: " | 21 text run at (11,61) width 79: "Inline-block: " |
| 22 LayoutBlockFlow {<pseudo:after>} at (90,11) size 200x70 | 22 LayoutBlockFlow {<pseudo:after>} at (90,11) size 200x70 |
| 23 LayoutTextFragment at (0,0) size 189x49 | 23 LayoutTextFragment (anonymous) at (0,0) size 189x49 |
| 24 text run at (0,0) width 189: "This should be before the green" | 24 text run at (0,0) width 189: "This should be before the green" |
| 25 text run at (0,30) width 31: "box. " | 25 text run at (0,30) width 31: "box. " |
| 26 LayoutImage at (31,20) size 25x25 | 26 LayoutImage (anonymous) at (31,20) size 25x25 |
| 27 LayoutTextFragment at (56,30) size 200x39 | 27 LayoutTextFragment (anonymous) at (56,30) size 200x39 |
| 28 text run at (56,30) width 144: " This should be after the" | 28 text run at (56,30) width 144: " This should be after the" |
| 29 text run at (0,50) width 64: "green box." | 29 text run at (0,50) width 64: "green box." |
| 30 LayoutBlockFlow {DIV} at (10,200) size 764x112 [border: (1px solid #000000
)] | 30 LayoutBlockFlow {DIV} at (10,200) size 764x112 [border: (1px solid #000000
)] |
| 31 LayoutBlockFlow (anonymous) at (11,11) size 742x20 | 31 LayoutBlockFlow (anonymous) at (11,11) size 742x20 |
| 32 LayoutText {#text} at (0,0) size 39x19 | 32 LayoutText {#text} at (0,0) size 39x19 |
| 33 text run at (0,0) width 39: "Block:" | 33 text run at (0,0) width 39: "Block:" |
| 34 LayoutBlockFlow {<pseudo:after>} at (11,31) size 200x70 | 34 LayoutBlockFlow {<pseudo:after>} at (11,31) size 200x70 |
| 35 LayoutTextFragment at (0,0) size 189x49 | 35 LayoutTextFragment (anonymous) at (0,0) size 189x49 |
| 36 text run at (0,0) width 189: "This should be before the green" | 36 text run at (0,0) width 189: "This should be before the green" |
| 37 text run at (0,30) width 31: "box. " | 37 text run at (0,30) width 31: "box. " |
| 38 LayoutImage at (31,20) size 25x25 | 38 LayoutImage (anonymous) at (31,20) size 25x25 |
| 39 LayoutTextFragment at (56,30) size 200x39 | 39 LayoutTextFragment (anonymous) at (56,30) size 200x39 |
| 40 text run at (56,30) width 144: " This should be after the" | 40 text run at (56,30) width 144: " This should be after the" |
| 41 text run at (0,50) width 64: "green box." | 41 text run at (0,50) width 64: "green box." |
| OLD | NEW |