| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 | |
| 2 RenderView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x554 | |
| 4 RenderBlock {html} at (0,0) size 800x554 | |
| 5 RenderBody {body} at (8,16) size 784x530 | |
| 6 RenderBlock {ul} at (0,0) size 784x120 | |
| 7 RenderListItem {li} at (40,0) size 744x20 | |
| 8 RenderListMarker at (-18,0) size 7x19: bullet | |
| 9 RenderText {#text} at (0,0) size 76x19 | |
| 10 text run at (0,0) width 76: "First list item" | |
| 11 RenderListItem {li} at (40,20) size 744x20 [bgcolor=#008000] | |
| 12 RenderListMarker at (-18,0) size 7x19: bullet | |
| 13 RenderText {#text} at (0,0) size 320x19 | |
| 14 text run at (0,0) width 320: "This second list item should have a gr
een background" | |
| 15 RenderListItem {li} at (40,40) size 744x20 | |
| 16 RenderListMarker at (-18,0) size 7x19: bullet | |
| 17 RenderText {#text} at (0,0) size 81x19 | |
| 18 text run at (0,0) width 81: "Third list item" | |
| 19 RenderListItem {li} at (40,60) size 744x20 [bgcolor=#008000] | |
| 20 RenderListMarker at (-18,0) size 7x19: bullet | |
| 21 RenderText {#text} at (0,0) size 312x19 | |
| 22 text run at (0,0) width 312: "This fourth list item should have a gr
een background" | |
| 23 RenderListItem {li} at (40,80) size 744x20 | |
| 24 RenderListMarker at (-18,0) size 7x19: bullet | |
| 25 RenderText {#text} at (0,0) size 76x19 | |
| 26 text run at (0,0) width 76: "Fifth list item" | |
| 27 RenderListItem {li} at (40,100) size 744x20 [bgcolor=#008000] | |
| 28 RenderListMarker at (-18,0) size 7x19: bullet | |
| 29 RenderText {#text} at (0,0) size 304x19 | |
| 30 text run at (0,0) width 304: "This sixth list item should have a gre
en background" | |
| 31 RenderBlock {ol} at (0,136) size 784x120 | |
| 32 RenderListItem {li} at (40,0) size 744x20 [bgcolor=#008000] | |
| 33 RenderListMarker at (-21,0) size 16x19: "1" | |
| 34 RenderText {#text} at (0,0) size 299x19 | |
| 35 text run at (0,0) width 299: "This first list item should have a gre
en background" | |
| 36 RenderListItem {li} at (40,20) size 744x20 | |
| 37 RenderListMarker at (-21,0) size 16x19: "2" | |
| 38 RenderText {#text} at (0,0) size 95x19 | |
| 39 text run at (0,0) width 95: "Second list item" | |
| 40 RenderListItem {li} at (40,40) size 744x20 [bgcolor=#008000] | |
| 41 RenderListMarker at (-21,0) size 16x19: "3" | |
| 42 RenderText {#text} at (0,0) size 304x19 | |
| 43 text run at (0,0) width 304: "This third list item should have a gre
en background" | |
| 44 RenderListItem {li} at (40,60) size 744x20 | |
| 45 RenderListMarker at (-21,0) size 16x19: "4" | |
| 46 RenderText {#text} at (0,0) size 89x19 | |
| 47 text run at (0,0) width 89: "Fourth list item" | |
| 48 RenderListItem {li} at (40,80) size 744x20 [bgcolor=#008000] | |
| 49 RenderListMarker at (-21,0) size 16x19: "5" | |
| 50 RenderText {#text} at (0,0) size 299x19 | |
| 51 text run at (0,0) width 299: "This fifth list item should have a gre
en background" | |
| 52 RenderListItem {li} at (40,100) size 744x20 | |
| 53 RenderListMarker at (-21,0) size 16x19: "6" | |
| 54 RenderText {#text} at (0,0) size 79x19 | |
| 55 text run at (0,0) width 79: "Sixth list item" | |
| 56 RenderBlock {div} at (0,272) size 784x258 | |
| 57 LayoutTable {table} at (0,0) size 158x160 [border: (1px outset #808080)] | |
| 58 LayoutTableSection (anonymous) at (1,1) size 156x158 | |
| 59 LayoutTableRow {tr} at (0,2) size 156x24 | |
| 60 LayoutTableCell {td} at (2,2) size 100x24 [border: (1px inset #808
080)] [r=0 c=0 rs=1 cs=1] | |
| 61 RenderText {#text} at (2,2) size 20x19 | |
| 62 text run at (2,2) width 20: "1.1" | |
| 63 LayoutTableCell {td} at (104,2) size 24x24 [border: (1px inset #80
8080)] [r=0 c=1 rs=1 cs=1] | |
| 64 RenderText {#text} at (2,2) size 20x19 | |
| 65 text run at (2,2) width 20: "1.2" | |
| 66 LayoutTableCell {td} at (130,2) size 24x24 [border: (1px inset #80
8080)] [r=0 c=2 rs=1 cs=1] | |
| 67 RenderText {#text} at (2,2) size 20x19 | |
| 68 text run at (2,2) width 20: "1.3" | |
| 69 LayoutTableRow {tr} at (0,28) size 156x24 | |
| 70 LayoutTableCell {td} at (2,28) size 100x24 [border: (1px inset #80
8080)] [r=1 c=0 rs=1 cs=1] | |
| 71 RenderText {#text} at (2,2) size 20x19 | |
| 72 text run at (2,2) width 20: "2.1" | |
| 73 LayoutTableCell {td} at (104,28) size 24x24 [border: (1px inset #8
08080)] [r=1 c=1 rs=1 cs=1] | |
| 74 RenderText {#text} at (2,2) size 20x19 | |
| 75 text run at (2,2) width 20: "2.2" | |
| 76 LayoutTableCell {td} at (130,28) size 24x24 [border: (1px inset #8
08080)] [r=1 c=2 rs=1 cs=1] | |
| 77 RenderText {#text} at (2,2) size 20x19 | |
| 78 text run at (2,2) width 20: "2.3" | |
| 79 LayoutTableRow {tr} at (0,54) size 156x24 [bgcolor=#008000] | |
| 80 LayoutTableCell {td} at (2,54) size 100x24 [border: (1px inset #80
8080)] [r=2 c=0 rs=1 cs=1] | |
| 81 RenderText {#text} at (2,2) size 96x19 | |
| 82 text run at (2,2) width 96: "Green row : 3.1" | |
| 83 LayoutTableCell {td} at (104,54) size 24x24 [border: (1px inset #8
08080)] [r=2 c=1 rs=1 cs=1] | |
| 84 RenderText {#text} at (2,2) size 20x19 | |
| 85 text run at (2,2) width 20: "3.2" | |
| 86 LayoutTableCell {td} at (130,54) size 24x24 [border: (1px inset #8
08080)] [r=2 c=2 rs=1 cs=1] | |
| 87 RenderText {#text} at (2,2) size 20x19 | |
| 88 text run at (2,2) width 20: "3.3" | |
| 89 LayoutTableRow {tr} at (0,80) size 156x24 [bgcolor=#008000] | |
| 90 LayoutTableCell {td} at (2,80) size 100x24 [border: (1px inset #80
8080)] [r=3 c=0 rs=1 cs=1] | |
| 91 RenderText {#text} at (2,2) size 96x19 | |
| 92 text run at (2,2) width 96: "Green row : 4.1" | |
| 93 LayoutTableCell {td} at (104,80) size 24x24 [border: (1px inset #8
08080)] [r=3 c=1 rs=1 cs=1] | |
| 94 RenderText {#text} at (2,2) size 20x19 | |
| 95 text run at (2,2) width 20: "4.2" | |
| 96 LayoutTableCell {td} at (130,80) size 24x24 [border: (1px inset #8
08080)] [r=3 c=2 rs=1 cs=1] | |
| 97 RenderText {#text} at (2,2) size 20x19 | |
| 98 text run at (2,2) width 20: "4.3" | |
| 99 LayoutTableRow {tr} at (0,106) size 156x24 [bgcolor=#008000] | |
| 100 LayoutTableCell {td} at (2,106) size 100x24 [border: (1px inset #8
08080)] [r=4 c=0 rs=1 cs=1] | |
| 101 RenderText {#text} at (2,2) size 96x19 | |
| 102 text run at (2,2) width 96: "Green row : 5.1" | |
| 103 LayoutTableCell {td} at (104,106) size 24x24 [border: (1px inset #
808080)] [r=4 c=1 rs=1 cs=1] | |
| 104 RenderText {#text} at (2,2) size 20x19 | |
| 105 text run at (2,2) width 20: "5.2" | |
| 106 LayoutTableCell {td} at (130,106) size 24x24 [border: (1px inset #
808080)] [r=4 c=2 rs=1 cs=1] | |
| 107 RenderText {#text} at (2,2) size 20x19 | |
| 108 text run at (2,2) width 20: "5.3" | |
| 109 LayoutTableRow {tr} at (0,132) size 156x24 [bgcolor=#008000] | |
| 110 LayoutTableCell {td} at (2,132) size 100x24 [border: (1px inset #8
08080)] [r=5 c=0 rs=1 cs=1] | |
| 111 RenderText {#text} at (2,2) size 96x19 | |
| 112 text run at (2,2) width 96: "Green row : 6.1" | |
| 113 LayoutTableCell {td} at (104,132) size 24x24 [border: (1px inset #
808080)] [r=5 c=1 rs=1 cs=1] | |
| 114 RenderText {#text} at (2,2) size 20x19 | |
| 115 text run at (2,2) width 20: "6.2" | |
| 116 LayoutTableCell {td} at (130,132) size 24x24 [border: (1px inset #
808080)] [r=5 c=2 rs=1 cs=1] | |
| 117 RenderText {#text} at (2,2) size 20x19 | |
| 118 text run at (2,2) width 20: "6.3" | |
| 119 RenderBlock {p} at (0,176) size 784x0 | |
| 120 LayoutTable {table} at (0,176) size 323x82 [border: (1px outset #808080)
] | |
| 121 LayoutTableSection (anonymous) at (1,1) size 321x80 | |
| 122 LayoutTableRow {tr} at (0,2) size 321x24 | |
| 123 LayoutTableCell {td} at (2,2) size 24x24 [border: (1px inset #8080
80)] [r=0 c=0 rs=1 cs=1] | |
| 124 RenderText {#text} at (2,2) size 20x19 | |
| 125 text run at (2,2) width 20: "1.1" | |
| 126 LayoutTableCell {td} at (28,2) size 61x24 [bgcolor=#008000] [borde
r: (1px inset #808080)] [r=0 c=1 rs=1 cs=1] | |
| 127 RenderText {#text} at (2,2) size 57x19 | |
| 128 text run at (2,2) width 57: "green cell" | |
| 129 LayoutTableCell {td} at (91,2) size 24x24 [border: (1px inset #808
080)] [r=0 c=2 rs=1 cs=1] | |
| 130 RenderText {#text} at (2,2) size 20x19 | |
| 131 text run at (2,2) width 20: "1.3" | |
| 132 LayoutTableCell {td} at (117,2) size 24x24 [border: (1px inset #80
8080)] [r=0 c=3 rs=1 cs=1] | |
| 133 RenderText {#text} at (2,2) size 20x19 | |
| 134 text run at (2,2) width 20: "1.4" | |
| 135 LayoutTableCell {td} at (143,2) size 61x24 [bgcolor=#008000] [bord
er: (1px inset #808080)] [r=0 c=4 rs=1 cs=1] | |
| 136 RenderText {#text} at (2,2) size 57x19 | |
| 137 text run at (2,2) width 57: "green cell" | |
| 138 LayoutTableCell {td} at (206,2) size 24x24 [border: (1px inset #80
8080)] [r=0 c=5 rs=1 cs=1] | |
| 139 RenderText {#text} at (2,2) size 20x19 | |
| 140 text run at (2,2) width 20: "1.6" | |
| 141 LayoutTableCell {td} at (232,2) size 24x24 [border: (1px inset #80
8080)] [r=0 c=6 rs=1 cs=1] | |
| 142 RenderText {#text} at (2,2) size 20x19 | |
| 143 text run at (2,2) width 20: "1.7" | |
| 144 LayoutTableCell {td} at (258,2) size 61x24 [bgcolor=#008000] [bord
er: (1px inset #808080)] [r=0 c=7 rs=1 cs=1] | |
| 145 RenderText {#text} at (2,2) size 57x19 | |
| 146 text run at (2,2) width 57: "green cell" | |
| 147 LayoutTableRow {tr} at (0,28) size 321x24 | |
| 148 LayoutTableCell {td} at (2,28) size 24x24 [border: (1px inset #808
080)] [r=1 c=0 rs=1 cs=1] | |
| 149 RenderText {#text} at (2,2) size 20x19 | |
| 150 text run at (2,2) width 20: "2.1" | |
| 151 LayoutTableCell {td} at (28,28) size 61x24 [bgcolor=#008000] [bord
er: (1px inset #808080)] [r=1 c=1 rs=1 cs=1] | |
| 152 RenderText {#text} at (2,2) size 57x19 | |
| 153 text run at (2,2) width 57: "green cell" | |
| 154 LayoutTableCell {td} at (91,28) size 24x24 [border: (1px inset #80
8080)] [r=1 c=2 rs=1 cs=1] | |
| 155 RenderText {#text} at (2,2) size 20x19 | |
| 156 text run at (2,2) width 20: "2.3" | |
| 157 LayoutTableCell {td} at (117,28) size 24x24 [border: (1px inset #8
08080)] [r=1 c=3 rs=1 cs=1] | |
| 158 RenderText {#text} at (2,2) size 20x19 | |
| 159 text run at (2,2) width 20: "2.4" | |
| 160 LayoutTableCell {td} at (143,28) size 61x24 [bgcolor=#008000] [bor
der: (1px inset #808080)] [r=1 c=4 rs=1 cs=1] | |
| 161 RenderText {#text} at (2,2) size 57x19 | |
| 162 text run at (2,2) width 57: "green cell" | |
| 163 LayoutTableCell {td} at (206,28) size 24x24 [border: (1px inset #8
08080)] [r=1 c=5 rs=1 cs=1] | |
| 164 RenderText {#text} at (2,2) size 20x19 | |
| 165 text run at (2,2) width 20: "2.6" | |
| 166 LayoutTableCell {td} at (232,28) size 24x24 [border: (1px inset #8
08080)] [r=1 c=6 rs=1 cs=1] | |
| 167 RenderText {#text} at (2,2) size 20x19 | |
| 168 text run at (2,2) width 20: "2.7" | |
| 169 LayoutTableCell {td} at (258,28) size 61x24 [bgcolor=#008000] [bor
der: (1px inset #808080)] [r=1 c=7 rs=1 cs=1] | |
| 170 RenderText {#text} at (2,2) size 57x19 | |
| 171 text run at (2,2) width 57: "green cell" | |
| 172 LayoutTableRow {tr} at (0,54) size 321x24 | |
| 173 LayoutTableCell {td} at (2,54) size 24x24 [border: (1px inset #808
080)] [r=2 c=0 rs=1 cs=1] | |
| 174 RenderText {#text} at (2,2) size 20x19 | |
| 175 text run at (2,2) width 20: "3.1" | |
| 176 LayoutTableCell {td} at (28,54) size 61x24 [bgcolor=#008000] [bord
er: (1px inset #808080)] [r=2 c=1 rs=1 cs=1] | |
| 177 RenderText {#text} at (2,2) size 57x19 | |
| 178 text run at (2,2) width 57: "green cell" | |
| 179 LayoutTableCell {td} at (91,54) size 24x24 [border: (1px inset #80
8080)] [r=2 c=2 rs=1 cs=1] | |
| 180 RenderText {#text} at (2,2) size 20x19 | |
| 181 text run at (2,2) width 20: "3.3" | |
| 182 LayoutTableCell {td} at (117,54) size 24x24 [border: (1px inset #8
08080)] [r=2 c=3 rs=1 cs=1] | |
| 183 RenderText {#text} at (2,2) size 20x19 | |
| 184 text run at (2,2) width 20: "3.4" | |
| 185 LayoutTableCell {td} at (143,54) size 61x24 [bgcolor=#008000] [bor
der: (1px inset #808080)] [r=2 c=4 rs=1 cs=1] | |
| 186 RenderText {#text} at (2,2) size 57x19 | |
| 187 text run at (2,2) width 57: "green cell" | |
| 188 LayoutTableCell {td} at (206,54) size 24x24 [border: (1px inset #8
08080)] [r=2 c=5 rs=1 cs=1] | |
| 189 RenderText {#text} at (2,2) size 20x19 | |
| 190 text run at (2,2) width 20: "3.6" | |
| 191 LayoutTableCell {td} at (232,54) size 24x24 [border: (1px inset #8
08080)] [r=2 c=6 rs=1 cs=1] | |
| 192 RenderText {#text} at (2,2) size 20x19 | |
| 193 text run at (2,2) width 20: "3.7" | |
| 194 LayoutTableCell {td} at (258,54) size 61x24 [bgcolor=#008000] [bor
der: (1px inset #808080)] [r=2 c=7 rs=1 cs=1] | |
| 195 RenderText {#text} at (2,2) size 57x19 | |
| 196 text run at (2,2) width 57: "green cell" | |
| OLD | NEW |