| 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 (0,0) size 800x600 | 5 LayoutBlockFlow {BODY} at (0,0) size 800x600 |
| 6 LayoutBlockFlow {DIV} at (0,0) size 800x121 [bgcolor=#008000] [border: (1p
x solid #FFFFFF) none] | 6 LayoutBlockFlow {DIV} at (0,0) size 800x121 [bgcolor=#008000] [border: (1p
x solid #FFFFFF) none] |
| 7 LayoutBlockFlow {H1} at (0,51) size 800x70 [color=#FFFFFF] | 7 LayoutBlockFlow {H1} at (0,51) size 800x70 [color=#FFFFFF] |
| 8 LayoutBlockFlow {DIV} at (0,171) size 800x0 | 8 LayoutBlockFlow {DIV} at (0,171) size 800x0 |
| 9 LayoutBlockFlow {UL} at (0,0) size 800x0 | 9 LayoutBlockFlow {UL} at (0,0) size 800x0 |
| 10 LayoutBlockFlow (floating) {LI} at (0,0) size 462.03x22 [border: (2p
x solid #0000FF)] | 10 LayoutBlockFlow (floating) {LI} at (0,0) size 461.16x22 [border: (2p
x solid #0000FF)] |
| 11 LayoutText {#text} at (2,2) size 459x18 | 11 LayoutText {#text} at (2,2) size 458x18 |
| 12 text run at (2,2) width 459: "There should be a gap between this
float and the green rectangle above." | 12 text run at (2,2) width 458: "There should be a gap between this
float and the green rectangle above." |
| 13 LayoutBlockFlow {DIV} at (0,221) size 800x54 [bgcolor=#DDDDDD] [border: (2
px solid #000000)] | 13 LayoutBlockFlow {DIV} at (0,221) size 800x54 [bgcolor=#DDDDDD] [border: (2
px solid #000000)] |
| 14 LayoutBlockFlow (floating) {DIV} at (2,2) size 32x32 [bgcolor=#FFFFFF] | 14 LayoutBlockFlow (floating) {DIV} at (2,2) size 32x32 [bgcolor=#FFFFFF] |
| 15 LayoutBlockFlow {DIV} at (2,34) size 796x0 | 15 LayoutBlockFlow {DIV} at (2,34) size 796x0 |
| 16 LayoutBlockFlow (anonymous) at (2,34) size 796x18 | 16 LayoutBlockFlow (anonymous) at (2,34) size 796x18 |
| 17 LayoutText {#text} at (0,0) size 492x18 | 17 LayoutText {#text} at (0,0) size 492x18 |
| 18 text run at (0,0) width 492: "This text should be inside a black rec
tangle and below the 2em white square." | 18 text run at (0,0) width 492: "This text should be inside a black rec
tangle and below the 2em white square." |
| 19 LayoutBlockFlow {DIV} at (0,291) size 800x70 [bgcolor=#DDDDDD] [border: (2
px solid #000000)] | 19 LayoutBlockFlow {DIV} at (0,291) size 800x70 [bgcolor=#DDDDDD] [border: (2
px solid #000000)] |
| 20 LayoutBlockFlow (floating) {DIV} at (2,2) size 32x32 [bgcolor=#FFFFFF] | 20 LayoutBlockFlow (floating) {DIV} at (2,2) size 32x32 [bgcolor=#FFFFFF] |
| 21 LayoutBlockFlow {DIV} at (2,34) size 796x0 | 21 LayoutBlockFlow {DIV} at (2,34) size 796x0 |
| 22 LayoutBlockFlow (anonymous) at (2,50) size 796x18 | 22 LayoutBlockFlow (anonymous) at (2,50) size 796x18 |
| 23 LayoutText {#text} at (0,0) size 522x18 | 23 LayoutText {#text} at (0,0) size 522x18 |
| 24 text run at (0,0) width 522: "This text should also be inside a blac
k rectangle and below the 2em white square." | 24 text run at (0,0) width 522: "This text should also be inside a blac
k rectangle and below the 2em white square." |
| OLD | NEW |