| 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 800x518 | 3 layer at (0,0) size 800x518 |
| 4 RenderBlock {HTML} at (0,0) size 800x517.53 [bgcolor=#FFFFFF] | 4 RenderBlock {HTML} at (0,0) size 800x517.53 [bgcolor=#FFFFFF] |
| 5 layer at (173,32) size 454x454 | 5 layer at (173,32) size 454x454 |
| 6 RenderBody {BODY} at (173.23,32) size 453.53x453.53 [color=#FFFFFF] [bgcolor=#
DD6600] | 6 RenderBody {BODY} at (173.23,32) size 453.53x453.53 [color=#FFFFFF] [bgcolor=#
DD6600] |
| 7 RenderBlock {DIV} at (0,0) size 453.53x0 | 7 RenderBlock {DIV} at (0,0) size 453.53x0 |
| 8 RenderBlock {DIV} at (0,0) size 453.53x0 | 8 RenderBlock {DIV} at (0,0) size 453.53x0 |
| 9 RenderBlock {DIV} at (0,0) size 453.53x0 | 9 RenderBlock {DIV} at (0,0) size 453.53x0 |
| 10 RenderBlock {DIV} at (0,0) size 453.53x0 | 10 RenderBlock {DIV} at (0,0) size 453.53x0 |
| 11 RenderInline {SPAN} at (0,0) size 0x0 | 11 RenderInline {SPAN} at (0,0) size 0x0 |
| 12 RenderBlock {DIV} at (0,0) size 453.53x0 | 12 RenderBlock {DIV} at (0,0) size 453.53x0 |
| 13 RenderInline {SPAN} at (0,0) size 0x0 | 13 RenderInline {SPAN} at (0,0) size 0x0 |
| 14 RenderBlock {DIV} at (0,0) size 453.53x0 | 14 RenderBlock {DIV} at (0,0) size 453.53x0 |
| 15 RenderInline {SPAN} at (0,0) size 0x0 | 15 RenderInline {SPAN} at (0,0) size 0x0 |
| 16 RenderBlock {DIV} at (0,0) size 453.53x0 | 16 RenderBlock {DIV} at (0,0) size 453.53x0 |
| 17 RenderInline {SPAN} at (0,0) size 0x0 | 17 RenderInline {SPAN} at (0,0) size 0x0 |
| 18 RenderBlock {DIV} at (0,0) size 453.53x0 | 18 RenderBlock {DIV} at (0,0) size 453.53x0 |
| 19 RenderInline {SPAN} at (0,0) size 0x0 | 19 RenderInline {SPAN} at (0,0) size 0x0 |
| 20 RenderBlock {DIV} at (0,0) size 453.53x0 | 20 RenderBlock {DIV} at (0,0) size 453.53x0 |
| 21 RenderInline {SPAN} at (0,0) size 0x0 | 21 RenderInline {SPAN} at (0,0) size 0x0 |
| 22 layer at (173,47) size 454x188 | 22 layer at (173,47) size 454x188 |
| 23 RenderBlock (positioned) {H1} at (0,15.11) size 453.53x188 [color=#DD9955] | 23 RenderBlock (positioned) {H1} at (0,15.11) size 453.53x188 [color=#DD9955] |
| 24 RenderInline {SPAN} at (0,0) size 341x189 | 24 RenderInline {SPAN} at (0,0) size 341x189 |
| 25 RenderText {#text} at (63,-1) size 341x189 | 25 RenderText {#text} at (63,-1) size 341x189 |
| 26 text run at (63,-1) width 327: "CSS ZEN" | 26 text run at (63,-1) width 327: "CSS ZEN" |
| 27 text run at (56,93) width 341: "GARDEN" | 27 text run at (56,93) width 341: "GARDEN" |
| 28 layer at (173,119) size 454x21 | 28 layer at (173,119) size 454x21 |
| 29 RenderBlock (positioned) {H2} at (0,87.47) size 453.53x21 [color=#EEFF00] | 29 RenderBlock (positioned) {H2} at (0,87.47) size 453.53x21 [color=#EEFF00] |
| 30 RenderInline {SPAN} at (0,0) size 149x19 | 30 RenderInline {SPAN} at (0,0) size 148x19 |
| 31 RenderText {#text} at (152,1) size 88x19 | 31 RenderText {#text} at (153,1) size 87x19 |
| 32 text run at (152,1) width 88: "The Beauty of " | 32 text run at (153,1) width 87: "The Beauty of " |
| 33 RenderInline {ACRONYM} at (0,0) size 22x19 | 33 RenderInline {ACRONYM} at (0,0) size 22x19 |
| 34 RenderText {#text} at (239,1) size 22x19 | 34 RenderText {#text} at (239,1) size 22x19 |
| 35 text run at (239,1) width 22: "CSS" | 35 text run at (239,1) width 22: "CSS" |
| 36 RenderText {#text} at (260,1) size 41x19 | 36 RenderText {#text} at (260,1) size 41x19 |
| 37 text run at (260,1) width 41: " Design" | 37 text run at (260,1) width 41: " Design" |
| 38 layer at (173,351) size 454x135 | 38 layer at (173,351) size 454x135 |
| 39 RenderBlock (positioned) {DIV} at (0,319.34) size 453.53x134.19 | 39 RenderBlock (positioned) {DIV} at (0,319.34) size 453.53x134.19 |
| 40 RenderInline {P} at (0,0) size 430x28 | 40 RenderInline {P} at (0,0) size 431x28 |
| 41 RenderInline {SPAN} at (0,0) size 430x28 | 41 RenderInline {SPAN} at (0,0) size 431x28 |
| 42 RenderText {#text} at (11,0) size 430x28 | 42 RenderText {#text} at (11,0) size 431x28 |
| 43 text run at (11,0) width 430: "Littering a dark and dreary road lay th
e past relics of browser-" | 43 text run at (11,0) width 431: "Littering a dark and dreary road lay th
e past relics of browser-" |
| 44 text run at (11,14) width 196: "specific tags, incompatible " | 44 text run at (11,14) width 197: "specific tags, incompatible " |
| 45 RenderInline {ACRONYM} at (0,0) size 33x14 | 45 RenderInline {ACRONYM} at (0,0) size 33x14 |
| 46 RenderText {#text} at (206,14) size 33x14 | 46 RenderText {#text} at (207,14) size 33x14 |
| 47 text run at (206,14) width 33: "DOM" | 47 text run at (207,14) width 33: "DOM" |
| 48 RenderText {#text} at (238,14) size 112x14 | 48 RenderText {#text} at (239,14) size 112x14 |
| 49 text run at (238,14) width 112: "s, and broken " | 49 text run at (239,14) width 112: "s, and broken " |
| 50 RenderInline {ACRONYM} at (0,0) size 28x14 | 50 RenderInline {ACRONYM} at (0,0) size 28x14 |
| 51 RenderText {#text} at (349,14) size 28x14 | 51 RenderText {#text} at (350,14) size 28x14 |
| 52 text run at (349,14) width 28: "CSS" | 52 text run at (350,14) width 28: "CSS" |
| 53 RenderText {#text} at (376,14) size 65x14 | 53 RenderText {#text} at (377,14) size 65x14 |
| 54 text run at (376,14) width 65: " support." | 54 text run at (377,14) width 65: " support." |
| 55 RenderText {#text} at (0,0) size 0x0 | 55 RenderText {#text} at (0,0) size 0x0 |
| 56 RenderInline {P} at (0,0) size 430x42 | 56 RenderInline {P} at (0,0) size 431x42 |
| 57 RenderInline {SPAN} at (0,0) size 430x42 | 57 RenderInline {SPAN} at (0,0) size 431x42 |
| 58 RenderText {#text} at (11,28) size 430x42 | 58 RenderText {#text} at (11,28) size 431x42 |
| 59 text run at (11,28) width 430: "Today, we must clear the mind of past
practices. Web" | 59 text run at (11,28) width 431: "Today, we must clear the mind of past
practices. Web" |
| 60 text run at (11,42) width 430: "enlightenment has been achieved thanks
to the tireless efforts of" | 60 text run at (11,42) width 431: "enlightenment has been achieved thanks
to the tireless efforts of" |
| 61 text run at (11,56) width 89: "folk like the " | 61 text run at (11,56) width 89: "folk like the " |
| 62 RenderInline {ACRONYM} at (0,0) size 33x14 | 62 RenderInline {ACRONYM} at (0,0) size 33x14 |
| 63 RenderText {#text} at (99,56) size 33x14 | 63 RenderText {#text} at (99,56) size 33x14 |
| 64 text run at (99,56) width 33: "W3C" | 64 text run at (99,56) width 33: "W3C" |
| 65 RenderText {#text} at (131,56) size 11x14 | 65 RenderText {#text} at (131,56) size 11x14 |
| 66 text run at (131,56) width 11: ", " | 66 text run at (131,56) width 11: ", " |
| 67 RenderInline {ACRONYM} at (0,0) size 41x14 | 67 RenderInline {ACRONYM} at (0,0) size 41x14 |
| 68 RenderText {#text} at (141,56) size 41x14 | 68 RenderText {#text} at (141,56) size 41x14 |
| 69 text run at (141,56) width 41: "WaSP" | 69 text run at (141,56) width 41: "WaSP" |
| 70 RenderText {#text} at (181,56) size 230x14 | 70 RenderText {#text} at (181,56) size 230x14 |
| 71 text run at (181,56) width 230: " and the major browser creators." | 71 text run at (181,56) width 230: " and the major browser creators." |
| 72 RenderText {#text} at (410,56) size 7x14 | 72 RenderText {#text} at (410,56) size 8x14 |
| 73 text run at (410,56) width 7: " " | 73 text run at (410,56) width 8: " " |
| 74 RenderInline {P} at (0,0) size 431x70 | 74 RenderInline {P} at (0,0) size 431x70 |
| 75 RenderInline {SPAN} at (0,0) size 431x70 | 75 RenderInline {SPAN} at (0,0) size 431x70 |
| 76 RenderText {#text} at (416,56) size 431x70 | 76 RenderText {#text} at (417,56) size 431x70 |
| 77 text run at (416,56) width 25: "The" | 77 text run at (417,56) width 25: "The" |
| 78 text run at (11,70) width 430: "css Zen Garden invites you to relax an
d meditate on the" | 78 text run at (11,70) width 431: "css Zen Garden invites you to relax an
d meditate on the" |
| 79 text run at (11,84) width 431: "important lessons of the masters. Begi
n to see with clarity. Learn" | 79 text run at (11,84) width 431: "important lessons of the masters. Begi
n to see with clarity. Learn" |
| 80 text run at (11,98) width 430: "to use the (yet to be) time-honored te
chniques in new and" | 80 text run at (11,98) width 431: "to use the (yet to be) time-honored te
chniques in new and" |
| 81 text run at (11,112) width 314: "invigorating fashion. Become one with
the web." | 81 text run at (11,112) width 314: "invigorating fashion. Become one with
the web." |
| 82 RenderText {#text} at (0,0) size 0x0 | 82 RenderText {#text} at (0,0) size 0x0 |
| 83 layer at (321,235) size 306x80 | 83 layer at (321,235) size 306x80 |
| 84 RenderBlock (positioned) {H3} at (148.19,-115.88) size 305.34x80 [color=#CCCC7
7] [bgcolor=#888811] [border: (3px solid #888811) none (3px solid #888811)] | 84 RenderBlock (positioned) {H3} at (148.19,-115.88) size 305.34x80 [color=#CCCC7
7] [bgcolor=#888811] [border: (3px solid #888811) none (3px solid #888811)] |
| 85 RenderInline {SPAN} at (0,0) size 277x83 | 85 RenderInline {SPAN} at (0,0) size 277x83 |
| 86 RenderText {#text} at (45,-2) size 277x83 | 86 RenderText {#text} at (45,-2) size 277x83 |
| 87 text run at (45,-2) width 230: "The Road to" | 87 text run at (45,-2) width 231: "The Road to" |
| 88 text run at (3,35) width 277: "Enlightenment" | 88 text run at (3,35) width 277: "Enlightenment" |
| OLD | NEW |