| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x600 | 3 layer at (0,0) size 800x600 |
| 4 RenderBlock {HTML} at (0,0) size 800x600 | 4 RenderBlock {HTML} at (0,0) size 800x600 |
| 5 RenderBody {BODY} at (8,8) size 784x584 | 5 RenderBody {BODY} at (8,8) size 784x584 |
| 6 RenderBlock {P} at (0,0) size 784x80 | 6 RenderBlock {P} at (0,0) size 784x80 |
| 7 RenderText {#text} at (0,0) size 764x79 | 7 RenderText {#text} at (0,0) size 764x79 |
| 8 text run at (0,0) width 431: "You should see a black box below that is
the width of the content area. " | 8 text run at (0,0) width 431: "You should see a black box below that is
the width of the content area. " |
| 9 text run at (431,0) width 243: "It contains alternating struts and spr
ings. " | 9 text run at (431,0) width 243: "It contains alternating struts and spr
ings. " |
| 10 text run at (674,0) width 82: "The struts are" | 10 text run at (674,0) width 82: "The struts are" |
| 11 text run at (0,20) width 220: "bordered in green and are inflexible. " | 11 text run at (0,20) width 220: "bordered in green and are inflexible. " |
| 12 text run at (220,20) width 544: "The springs are bordered in purple an
d should grow and shrink as you resize your browser" | 12 text run at (220,20) width 544: "The springs are bordered in purple an
d should grow and shrink as you resize your browser" |
| 13 text run at (0,40) width 56: "window. " | 13 text run at (0,40) width 56: "window. " |
| 14 text run at (56,40) width 686: "The black box should get taller when y
ou make your window wider and get shorter when you shrink your browser" | 14 text run at (56,40) width 686: "The black box should get taller when y
ou make your window wider and get shorter when you shrink your browser" |
| 15 text run at (0,60) width 52: "window." | 15 text run at (0,60) width 52: "window." |
| 16 RenderDeprecatedFlexibleBox {DIV} at (0,96) size 784x56 [border: (2px soli
d #000000)] | 16 RenderDeprecatedFlexibleBox {DIV} at (0,96) size 784x56 [border: (2px soli
d #000000)] |
| 17 RenderDeprecatedFlexibleBox {DIV} at (6,6) size 38x44 [border: (2px soli
d #008000)] | 17 RenderDeprecatedFlexibleBox {DIV} at (6,6) size 38x44 [border: (2px soli
d #008000)] |
| 18 RenderBlock (anonymous) at (2,2) size 34x40 | 18 RenderBlock (anonymous) at (2,2) size 34x40 |
| 19 RenderText {#text} at (0,0) size 34x19 | 19 RenderText {#text} at (0,0) size 34x19 |
| 20 text run at (0,0) width 34: "Fixed" | 20 text run at (0,0) width 34: "Fixed" |
| 21 RenderDeprecatedFlexibleBox {DIV} at (48,6) size 199x44 [border: (2px so
lid #800080)] | 21 RenderDeprecatedFlexibleBox {DIV} at (48,6) size 198.67x44 [border: (2px
solid #800080)] |
| 22 RenderBlock (anonymous) at (2,2) size 195x40 | 22 RenderBlock (anonymous) at (2,2) size 194.67x40 |
| 23 RenderText {#text} at (0,0) size 181x39 | 23 RenderText {#text} at (0,0) size 181x39 |
| 24 text run at (0,0) width 174: "This is a flexible block, and it" | 24 text run at (0,0) width 174: "This is a flexible block, and it" |
| 25 text run at (0,20) width 181: "will shrink or grow as needed." | 25 text run at (0,20) width 181: "will shrink or grow as needed." |
| 26 RenderDeprecatedFlexibleBox {DIV} at (250,6) size 39x44 [border: (2px so
lid #008000)] | 26 RenderDeprecatedFlexibleBox {DIV} at (250.67,6) size 38x44 [border: (2px
solid #008000)] |
| 27 RenderBlock (anonymous) at (2,2) size 34x40 | 27 RenderBlock (anonymous) at (2,2) size 34x40 |
| 28 RenderText {#text} at (0,0) size 34x19 | 28 RenderText {#text} at (0,0) size 34x19 |
| 29 text run at (0,0) width 34: "Fixed" | 29 text run at (0,0) width 34: "Fixed" |
| 30 RenderDeprecatedFlexibleBox {DIV} at (292,6) size 200x44 [border: (2px s
olid #800080)] | 30 RenderDeprecatedFlexibleBox {DIV} at (292.67,6) size 198.67x44 [border:
(2px solid #800080)] |
| 31 RenderBlock (anonymous) at (2,2) size 195x40 | 31 RenderBlock (anonymous) at (2,2) size 194.67x40 |
| 32 RenderText {#text} at (0,0) size 181x39 | 32 RenderText {#text} at (0,0) size 181x39 |
| 33 text run at (0,0) width 174: "This is a flexible block, and it" | 33 text run at (0,0) width 174: "This is a flexible block, and it" |
| 34 text run at (0,20) width 181: "will shrink or grow as needed." | 34 text run at (0,20) width 181: "will shrink or grow as needed." |
| 35 RenderDeprecatedFlexibleBox {DIV} at (495,6) size 39x44 [border: (2px so
lid #008000)] | 35 RenderDeprecatedFlexibleBox {DIV} at (495.34,6) size 38x44 [border: (2px
solid #008000)] |
| 36 RenderBlock (anonymous) at (2,2) size 34x40 | 36 RenderBlock (anonymous) at (2,2) size 34x40 |
| 37 RenderText {#text} at (0,0) size 34x19 | 37 RenderText {#text} at (0,0) size 34x19 |
| 38 text run at (0,0) width 34: "Fixed" | 38 text run at (0,0) width 34: "Fixed" |
| 39 RenderDeprecatedFlexibleBox {DIV} at (537,6) size 199x44 [border: (2px s
olid #800080)] | 39 RenderDeprecatedFlexibleBox {DIV} at (537.34,6) size 198.66x44 [border:
(2px solid #800080)] |
| 40 RenderBlock (anonymous) at (2,2) size 195x40 | 40 RenderBlock (anonymous) at (2,2) size 194.66x40 |
| 41 RenderText {#text} at (0,0) size 181x39 | 41 RenderText {#text} at (0,0) size 181x39 |
| 42 text run at (0,0) width 174: "This is a flexible block, and it" | 42 text run at (0,0) width 174: "This is a flexible block, and it" |
| 43 text run at (0,20) width 181: "will shrink or grow as needed." | 43 text run at (0,20) width 181: "will shrink or grow as needed." |
| 44 RenderDeprecatedFlexibleBox {DIV} at (740,6) size 38x44 [border: (2px so
lid #008000)] | 44 RenderDeprecatedFlexibleBox {DIV} at (740,6) size 38x44 [border: (2px so
lid #008000)] |
| 45 RenderBlock (anonymous) at (2,2) size 34x40 | 45 RenderBlock (anonymous) at (2,2) size 34x40 |
| 46 RenderText {#text} at (0,0) size 34x19 | 46 RenderText {#text} at (0,0) size 34x19 |
| 47 text run at (0,0) width 34: "Fixed" | 47 text run at (0,0) width 34: "Fixed" |
| OLD | NEW |