1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 966
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 785x966 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
4 LayoutBlockFlow {HTML} at (0,0) size 785x966.13
5 LayoutBlockFlow {BODY} at (8,8) size 769x950.13
6 LayoutBlockFlow (anonymous) at (0,0) size 769x40
7 LayoutText {#text} at (0,0) size 733x39
8 text run at (0,0) width 733: "All of the boxes below should be 20x20 and 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."
10 LayoutBlockFlow {H1} at (0,61.44) size 769x37
11 LayoutText {#text} at (0,0) size 203x36
12 text run at (0,0) width 203: "Normal Blocks"
13 LayoutBlockFlow {DIV} at (5,119.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
14 LayoutBlockFlow {DIV} at (5,149.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
15 LayoutBlockFlow {DIV} at (5,179.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
16 LayoutBlockFlow {DIV} at (5,209.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
17 LayoutBR {BR} at (6,6) size 0x19
18 LayoutBR {BR} at (6,26) size 0x19
19 LayoutBR {BR} at (6,46) size 0x19
20 LayoutBlockFlow {H1} at (0,251.31) size 769x37
21 LayoutText {#text} at (0,0) size 177x36
22 text run at (0,0) width 177: "Inline Blocks"
23 LayoutBlockFlow (anonymous) at (0,309.75) size 769x71
24 LayoutBlockFlow {DIV} at (5,41) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
25 LayoutBlockFlow {DIV} at (35,41) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
26 LayoutBlockFlow {DIV} at (65,41) 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 0x19
29 LayoutBR {BR} at (6,26) size 0x19
30 LayoutBR {BR} at (6,46) size 0x19
31 LayoutText {#text} at (0,0) size 0x0
32 LayoutBlockFlow {H1} at (0,402.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,460.63) size 769x20
36 LayoutBR {BR} at (0,0) size 0x19
37 LayoutBlockFlow {H1} at (0,502.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,560.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 0x19
46 LayoutBR {BR} at (6,26) size 0x19
47 LayoutBR {BR} at (6,46) size 0x19
48 LayoutBR {BR} at (120,0) size 0x19
49 LayoutBlockFlow {H1} at (0,621.94) size 769x37
50 LayoutText {#text} at (0,0) size 209x36
51 text run at (0,0) width 209: "Normal Images"
52 LayoutBlockFlow (anonymous) at (0,680.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,741.81) size 769x37
59 LayoutText {#text} at (0,0) size 247x36
60 text run at (0,0) width 247: "Positioned Images"
61 LayoutBlockFlow (anonymous) at (0,800.25) size 769x20
62 LayoutBR {BR} at (0,0) size 0x19
63 LayoutBlockFlow {H1} at (0,841.69) size 769x37
64 LayoutText {#text} at (0,0) size 219x36
65 text run at (0,0) width 219: "Floating Images"
66 LayoutBlockFlow (anonymous) at (0,900.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 0x19
72 LayoutBlockFlow {HR} at (0,948.13) size 769x2 [border: (1px inset #EEEEEE)]
73 layer at (13,479) size 20x20
74 LayoutBlockFlow (positioned) {DIV} at (13,478.63) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
75 layer at (43,479) size 20x20
76 LayoutBlockFlow (positioned) {DIV} at (43,478.63) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
77 layer at (73,479) size 20x20
78 LayoutBlockFlow (positioned) {DIV} at (73,478.63) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
79 layer at (103,479) size 20x20
80 LayoutBlockFlow (positioned) {DIV} at (103,478.63) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
81 LayoutBR {BR} at (6,6) size 0x19
82 LayoutBR {BR} at (6,26) size 0x19
83 LayoutBR {BR} at (6,46) size 0x19
84 layer at (13,818) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
85 LayoutImage (positioned) {IMG} at (13,818.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
86 layer at (43,818) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
87 LayoutImage (positioned) {IMG} at (43,818.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
88 layer at (73,818) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
89 LayoutImage (positioned) {IMG} at (73,818.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
90 layer at (103,818) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
91 LayoutImage (positioned) {IMG} at (103,818.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]