OLD | NEW |
1 layer at (0,0) size 785x966 | 1 layer at (0,0) size 785x966 |
2 RenderView at (0,0) size 785x600 | 2 RenderView at (0,0) size 785x600 |
3 layer at (0,0) size 785x966 | 3 layer at (0,0) size 785x966 |
4 RenderBlock {HTML} at (0,0) size 785x966.13 | 4 RenderBlock {HTML} at (0,0) size 785x966.13 |
5 RenderBody {BODY} at (8,8) size 769x950.13 | 5 RenderBody {BODY} at (8,8) size 769x950.13 |
6 RenderBlock (anonymous) at (0,0) size 769x40 | 6 RenderBlock (anonymous) at (0,0) size 769x40 |
7 RenderText {#text} at (0,0) size 733x39 | 7 RenderText {#text} at (0,0) size 733x39 |
8 text run at (0,0) width 733: "All of the boxes below should be 20x20 a
nd look identical. Note that the last inline-block box is positioned higher than
the" | 8 text run at (0,0) width 733: "All of the boxes below should be 20x20 a
nd look identical. Note that the last inline-block box is positioned higher than
the" |
9 text run at (0,20) width 146: "others. This is expected." | 9 text run at (0,20) width 146: "others. This is expected." |
10 RenderBlock {H1} at (0,61.44) size 769x37 | 10 RenderBlock {H1} at (0,61.44) size 769x37 |
11 RenderText {#text} at (0,0) size 203x36 | 11 RenderText {#text} at (0,0) size 203x36 |
12 text run at (0,0) width 203: "Normal Blocks" | 12 text run at (0,0) width 203: "Normal Blocks" |
13 RenderBlock {DIV} at (5,119.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] | 13 RenderBlock {DIV} at (5,119.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
14 RenderBlock {DIV} at (5,149.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] | 14 RenderBlock {DIV} at (5,149.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
15 RenderBlock {DIV} at (5,179.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] | 15 RenderBlock {DIV} at (5,179.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
16 RenderBlock {DIV} at (5,209.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] | 16 RenderBlock {DIV} at (5,209.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
17 RenderBR {BR} at (6,6) size 0x19 | 17 LayoutBR {BR} at (6,6) size 0x19 |
18 RenderBR {BR} at (6,26) size 0x19 | 18 LayoutBR {BR} at (6,26) size 0x19 |
19 RenderBR {BR} at (6,46) size 0x19 | 19 LayoutBR {BR} at (6,46) size 0x19 |
20 RenderBlock {H1} at (0,251.31) size 769x37 | 20 RenderBlock {H1} at (0,251.31) size 769x37 |
21 RenderText {#text} at (0,0) size 177x36 | 21 RenderText {#text} at (0,0) size 177x36 |
22 text run at (0,0) width 177: "Inline Blocks" | 22 text run at (0,0) width 177: "Inline Blocks" |
23 RenderBlock (anonymous) at (0,309.75) size 769x71 | 23 RenderBlock (anonymous) at (0,309.75) size 769x71 |
24 RenderBlock {DIV} at (5,41) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 24 RenderBlock {DIV} at (5,41) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
25 RenderBlock {DIV} at (35,41) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 25 RenderBlock {DIV} at (35,41) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
26 RenderBlock {DIV} at (65,41) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 26 RenderBlock {DIV} at (65,41) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
27 RenderBlock {DIV} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 27 RenderBlock {DIV} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
28 RenderBR {BR} at (6,6) size 0x19 | 28 LayoutBR {BR} at (6,6) size 0x19 |
29 RenderBR {BR} at (6,26) size 0x19 | 29 LayoutBR {BR} at (6,26) size 0x19 |
30 RenderBR {BR} at (6,46) size 0x19 | 30 LayoutBR {BR} at (6,46) size 0x19 |
31 RenderText {#text} at (0,0) size 0x0 | 31 RenderText {#text} at (0,0) size 0x0 |
32 RenderBlock {H1} at (0,402.19) size 769x37 | 32 RenderBlock {H1} at (0,402.19) size 769x37 |
33 RenderText {#text} at (0,0) size 241x36 | 33 RenderText {#text} at (0,0) size 241x36 |
34 text run at (0,0) width 241: "Positioned Blocks" | 34 text run at (0,0) width 241: "Positioned Blocks" |
35 RenderBlock (anonymous) at (0,460.63) size 769x20 | 35 RenderBlock (anonymous) at (0,460.63) size 769x20 |
36 RenderBR {BR} at (0,0) size 0x19 | 36 LayoutBR {BR} at (0,0) size 0x19 |
37 RenderBlock {H1} at (0,502.06) size 769x37 | 37 RenderBlock {H1} at (0,502.06) size 769x37 |
38 RenderText {#text} at (0,0) size 209x36 | 38 RenderText {#text} at (0,0) size 209x36 |
39 text run at (0,0) width 209: "Floating blocks" | 39 text run at (0,0) width 209: "Floating blocks" |
40 RenderBlock (floating) {DIV} at (5,570.50) size 20x20 [color=#FFFFFF] [bgc
olor=#FFA500] [border: (2px solid #000000)] | 40 RenderBlock (floating) {DIV} at (5,570.50) size 20x20 [color=#FFFFFF] [bgc
olor=#FFA500] [border: (2px solid #000000)] |
41 RenderBlock (floating) {DIV} at (35,570.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] | 41 RenderBlock (floating) {DIV} at (35,570.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] |
42 RenderBlock (floating) {DIV} at (65,570.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] | 42 RenderBlock (floating) {DIV} at (65,570.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] |
43 RenderBlock (floating) {DIV} at (95,570.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] | 43 RenderBlock (floating) {DIV} at (95,570.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] |
44 RenderBR {BR} at (6,6) size 0x19 | 44 LayoutBR {BR} at (6,6) size 0x19 |
45 RenderBR {BR} at (6,26) size 0x19 | 45 LayoutBR {BR} at (6,26) size 0x19 |
46 RenderBR {BR} at (6,46) size 0x19 | 46 LayoutBR {BR} at (6,46) size 0x19 |
47 RenderBlock (anonymous) at (0,560.50) size 769x40 | 47 RenderBlock (anonymous) at (0,560.50) size 769x40 |
48 RenderBR {BR} at (120,0) size 0x19 | 48 LayoutBR {BR} at (120,0) size 0x19 |
49 RenderBlock {H1} at (0,621.94) size 769x37 | 49 RenderBlock {H1} at (0,621.94) size 769x37 |
50 RenderText {#text} at (0,0) size 209x36 | 50 RenderText {#text} at (0,0) size 209x36 |
51 text run at (0,0) width 209: "Normal Images" | 51 text run at (0,0) width 209: "Normal Images" |
52 RenderBlock (anonymous) at (0,680.38) size 769x40 | 52 RenderBlock (anonymous) at (0,680.38) size 769x40 |
53 LayoutImage {IMG} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 53 LayoutImage {IMG} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
54 LayoutImage {IMG} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 54 LayoutImage {IMG} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
55 LayoutImage {IMG} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 55 LayoutImage {IMG} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
56 LayoutImage {IMG} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 56 LayoutImage {IMG} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
57 RenderText {#text} at (0,0) size 0x0 | 57 RenderText {#text} at (0,0) size 0x0 |
58 RenderBlock {H1} at (0,741.81) size 769x37 | 58 RenderBlock {H1} at (0,741.81) size 769x37 |
59 RenderText {#text} at (0,0) size 247x36 | 59 RenderText {#text} at (0,0) size 247x36 |
60 text run at (0,0) width 247: "Positioned Images" | 60 text run at (0,0) width 247: "Positioned Images" |
61 RenderBlock (anonymous) at (0,800.25) size 769x20 | 61 RenderBlock (anonymous) at (0,800.25) size 769x20 |
62 RenderBR {BR} at (0,0) size 0x19 | 62 LayoutBR {BR} at (0,0) size 0x19 |
63 RenderBlock {H1} at (0,841.69) size 769x37 | 63 RenderBlock {H1} at (0,841.69) size 769x37 |
64 RenderText {#text} at (0,0) size 219x36 | 64 RenderText {#text} at (0,0) size 219x36 |
65 text run at (0,0) width 219: "Floating Images" | 65 text run at (0,0) width 219: "Floating Images" |
66 LayoutImage {IMG} at (5,910.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] | 66 LayoutImage {IMG} at (5,910.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
67 LayoutImage {IMG} at (35,910.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] | 67 LayoutImage {IMG} at (35,910.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] |
68 LayoutImage {IMG} at (65,910.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] | 68 LayoutImage {IMG} at (65,910.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] |
69 LayoutImage {IMG} at (95,910.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] | 69 LayoutImage {IMG} at (95,910.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] |
70 RenderBlock (anonymous) at (0,900.13) size 769x40 | 70 RenderBlock (anonymous) at (0,900.13) size 769x40 |
71 RenderBR {BR} at (120,0) size 0x19 | 71 LayoutBR {BR} at (120,0) size 0x19 |
72 RenderBlock {HR} at (0,948.13) size 769x2 [border: (1px inset #EEEEEE)] | 72 RenderBlock {HR} at (0,948.13) size 769x2 [border: (1px inset #EEEEEE)] |
73 layer at (13,479) size 20x20 | 73 layer at (13,479) size 20x20 |
74 RenderBlock (positioned) {DIV} at (13,478.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] | 74 RenderBlock (positioned) {DIV} at (13,478.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] |
75 layer at (43,479) size 20x20 | 75 layer at (43,479) size 20x20 |
76 RenderBlock (positioned) {DIV} at (43,478.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] | 76 RenderBlock (positioned) {DIV} at (43,478.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] |
77 layer at (73,479) size 20x20 | 77 layer at (73,479) size 20x20 |
78 RenderBlock (positioned) {DIV} at (73,478.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] | 78 RenderBlock (positioned) {DIV} at (73,478.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] |
79 layer at (103,479) size 20x20 | 79 layer at (103,479) size 20x20 |
80 RenderBlock (positioned) {DIV} at (103,478.63) size 20x20 [color=#FFFFFF] [bgc
olor=#FFA500] [border: (2px solid #000000)] | 80 RenderBlock (positioned) {DIV} at (103,478.63) size 20x20 [color=#FFFFFF] [bgc
olor=#FFA500] [border: (2px solid #000000)] |
81 RenderBR {BR} at (6,6) size 0x19 | 81 LayoutBR {BR} at (6,6) size 0x19 |
82 RenderBR {BR} at (6,26) size 0x19 | 82 LayoutBR {BR} at (6,26) size 0x19 |
83 RenderBR {BR} at (6,46) size 0x19 | 83 LayoutBR {BR} at (6,46) size 0x19 |
84 layer at (13,818) size 20x20 | 84 layer at (13,818) size 20x20 |
85 LayoutImage {IMG} at (13,818.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 85 LayoutImage {IMG} at (13,818.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
86 layer at (43,818) size 20x20 | 86 layer at (43,818) size 20x20 |
87 LayoutImage {IMG} at (43,818.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 87 LayoutImage {IMG} at (43,818.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
88 layer at (73,818) size 20x20 | 88 layer at (73,818) size 20x20 |
89 LayoutImage {IMG} at (73,818.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 89 LayoutImage {IMG} at (73,818.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
90 layer at (103,818) size 20x20 | 90 layer at (103,818) size 20x20 |
91 LayoutImage {IMG} at (103,818.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 91 LayoutImage {IMG} at (103,818.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
OLD | NEW |