1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 953
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 785x953 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
4 LayoutBlockFlow {HTML} at (0,0) size 785x953.13
5 LayoutBlockFlow {BODY} at (8,8) size 769x937.13
6 LayoutBlockFlow (anonymous) at (0,0) size 769x36
7 LayoutText {#text} at (0,0) size 763x35
8 text run at (0,0) width 763: "All of the boxes below should be 20x20 and look identical. Note that the last inline-block box is positioned higher than"
9 text run at (0,18) width 179: "the others. This is expected."
10 LayoutBlockFlow {H1} at (0,57.44) size 769x37
11 LayoutText {#text} at (0,0) size 204x36
12 text run at (0,0) width 204: "Normal Blocks"
13 LayoutBlockFlow {DIV} at (5,115.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
14 LayoutBlockFlow {DIV} at (5,145.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
15 LayoutBlockFlow {DIV} at (5,175.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
16 LayoutBlockFlow {DIV} at (5,205.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
17 LayoutBR {BR} at (6,6) size 0x17
18 LayoutBR {BR} at (6,24) size 0x17
19 LayoutBR {BR} at (6,42) size 0x17
20 LayoutBlockFlow {H1} at (0,247.31) size 769x37
21 LayoutText {#text} at (0,0) size 179x36
22 text run at (0,0) width 179: "Inline Blocks"
23 LayoutBlockFlow (anonymous) at (0,305.75) size 769x66
24 LayoutBlockFlow {DIV} at (5,36) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
25 LayoutBlockFlow {DIV} at (35,36) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
26 LayoutBlockFlow {DIV} at (65,36) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
27 LayoutBlockFlow {DIV} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
28 LayoutBR {BR} at (6,6) size 0x17
29 LayoutBR {BR} at (6,24) size 0x17
30 LayoutBR {BR} at (6,42) size 0x17
31 LayoutText {#text} at (0,0) size 0x0
32 LayoutBlockFlow {H1} at (0,393.19) size 769x37
33 LayoutText {#text} at (0,0) size 241x36
34 text run at (0,0) width 241: "Positioned Blocks"
35 LayoutBlockFlow (anonymous) at (0,451.63) size 769x18
36 LayoutBR {BR} at (0,0) size 0x17
37 LayoutBlockFlow {H1} at (0,491.06) size 769x37
38 LayoutText {#text} at (0,0) size 209x36
39 text run at (0,0) width 209: "Floating blocks"
40 LayoutBlockFlow (anonymous) at (0,549.50) size 769x40
41 LayoutBlockFlow (floating) {DIV} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
42 LayoutBlockFlow (floating) {DIV} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
43 LayoutBlockFlow (floating) {DIV} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
44 LayoutBlockFlow (floating) {DIV} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
45 LayoutBR {BR} at (6,6) size 0x17
46 LayoutBR {BR} at (6,24) size 0x17
47 LayoutBR {BR} at (6,42) size 0x17
48 LayoutBR {BR} at (120,0) size 0x17
49 LayoutBlockFlow {H1} at (0,610.94) size 769x37
50 LayoutText {#text} at (0,0) size 211x36
51 text run at (0,0) width 211: "Normal Images"
52 LayoutBlockFlow (anonymous) at (0,669.38) size 769x40
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)]
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)]
57 LayoutText {#text} at (0,0) size 0x0
58 LayoutBlockFlow {H1} at (0,730.81) size 769x37
59 LayoutText {#text} at (0,0) size 248x36
60 text run at (0,0) width 248: "Positioned Images"
61 LayoutBlockFlow (anonymous) at (0,789.25) size 769x18
62 LayoutBR {BR} at (0,0) size 0x17
63 LayoutBlockFlow {H1} at (0,828.69) size 769x37
64 LayoutText {#text} at (0,0) size 220x36
65 text run at (0,0) width 220: "Floating Images"
66 LayoutBlockFlow (anonymous) at (0,887.13) size 769x40
67 LayoutImage (floating) {IMG} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
68 LayoutImage (floating) {IMG} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
69 LayoutImage (floating) {IMG} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
70 LayoutImage (floating) {IMG} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
71 LayoutBR {BR} at (120,0) size 0x17
72 LayoutBlockFlow {HR} at (0,935.13) size 769x2 [border: (1px inset #EEEEEE)]
73 layer at (13,470) size 20x20
74 LayoutBlockFlow (positioned) {DIV} at (13,469.63) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
75 layer at (43,470) size 20x20
76 LayoutBlockFlow (positioned) {DIV} at (43,469.63) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
77 layer at (73,470) size 20x20
78 LayoutBlockFlow (positioned) {DIV} at (73,469.63) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
79 layer at (103,470) size 20x20
80 LayoutBlockFlow (positioned) {DIV} at (103,469.63) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
81 LayoutBR {BR} at (6,6) size 0x17
82 LayoutBR {BR} at (6,24) size 0x17
83 LayoutBR {BR} at (6,42) size 0x17
84 layer at (13,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
85 LayoutImage (positioned) {IMG} at (13,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
86 layer at (43,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
87 LayoutImage (positioned) {IMG} at (43,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
88 layer at (73,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
89 LayoutImage (positioned) {IMG} at (73,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
90 layer at (103,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
91 LayoutImage (positioned) {IMG} at (103,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]