| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 | |
| 2 RenderView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x600 | |
| 4 RenderBlock {HTML} at (0,0) size 800x600 | |
| 5 RenderBody {BODY} at (8,8) size 784x584 | |
| 6 RenderBlock {P} at (0,0) size 784x72 | |
| 7 RenderText {#text} at (0,0) size 784x73 | |
| 8 text run at (0,0) width 450: "You should see a black box below that is
the width of the content area. " | |
| 9 text run at (450,0) width 256: "It contains alternating struts and spr
ings. " | |
| 10 text run at (706,0) width 62: "The struts" | |
| 11 text run at (0,18) width 255: "are bordered in green and are inflexibl
e. " | |
| 12 text run at (255,18) width 515: "The springs are bordered in purple an
d should grow and shrink as you resize your" | |
| 13 text run at (0,36) width 115: "browser window. " | |
| 14 text run at (115,36) width 669: "The black box should get taller when
you make your window wider and get shorter when you shrink your" | |
| 15 text run at (0,54) width 111: "browser window." | |
| 16 RenderDeprecatedFlexibleBox {DIV} at (0,88) size 784x52 [border: (2px soli
d #000000)] | |
| 17 RenderDeprecatedFlexibleBox {DIV} at (6,6) size 40x40 [border: (2px soli
d #008000)] | |
| 18 RenderBlock (anonymous) at (2,2) size 36x36 | |
| 19 RenderText {#text} at (0,0) size 36x19 | |
| 20 text run at (0,0) width 36: "Fixed" | |
| 21 RenderDeprecatedFlexibleBox {DIV} at (50,6) size 196x40 [border: (2px so
lid #800080)] | |
| 22 RenderBlock (anonymous) at (2,2) size 192x36 | |
| 23 RenderText {#text} at (0,0) size 191x37 | |
| 24 text run at (0,0) width 186: "This is a flexible block, and it" | |
| 25 text run at (0,18) width 191: "will shrink or grow as needed." | |
| 26 RenderDeprecatedFlexibleBox {DIV} at (250,6) size 40x40 [border: (2px so
lid #008000)] | |
| 27 RenderBlock (anonymous) at (2,2) size 36x36 | |
| 28 RenderText {#text} at (0,0) size 36x19 | |
| 29 text run at (0,0) width 36: "Fixed" | |
| 30 RenderDeprecatedFlexibleBox {DIV} at (294,6) size 196x40 [border: (2px s
olid #800080)] | |
| 31 RenderBlock (anonymous) at (2,2) size 192x36 | |
| 32 RenderText {#text} at (0,0) size 191x37 | |
| 33 text run at (0,0) width 186: "This is a flexible block, and it" | |
| 34 text run at (0,18) width 191: "will shrink or grow as needed." | |
| 35 RenderDeprecatedFlexibleBox {DIV} at (494,6) size 40x40 [border: (2px so
lid #008000)] | |
| 36 RenderBlock (anonymous) at (2,2) size 36x36 | |
| 37 RenderText {#text} at (0,0) size 36x19 | |
| 38 text run at (0,0) width 36: "Fixed" | |
| 39 RenderDeprecatedFlexibleBox {DIV} at (538,6) size 196x40 [border: (2px s
olid #800080)] | |
| 40 RenderBlock (anonymous) at (2,2) size 192x36 | |
| 41 RenderText {#text} at (0,0) size 191x37 | |
| 42 text run at (0,0) width 186: "This is a flexible block, and it" | |
| 43 text run at (0,18) width 191: "will shrink or grow as needed." | |
| 44 RenderDeprecatedFlexibleBox {DIV} at (738,6) size 40x40 [border: (2px so
lid #008000)] | |
| 45 RenderBlock (anonymous) at (2,2) size 36x36 | |
| 46 RenderText {#text} at (0,0) size 36x19 | |
| 47 text run at (0,0) width 36: "Fixed" | |
| OLD | NEW |