1 layer at (0,0) size 800x600
2 RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x600
4 RenderBlock {HTML} at (0,0) size 800x600
5 RenderBody {BODY} at (8,8) size 784x584
7 RenderBlock {P} at (0,0) size 784x14
8 RenderText {#text} at (0,0) size 483x14
9 text run at (0,0) width 483: "The black outline box should be a 50px by 50px square with its bottom left corner anchored to the left "
10 RenderInline {SPAN} at (0,0) size 32x14 [color=#FFA500]
11 RenderText {#text} at (483,0) size 32x14
12 text run at (483,0) width 32: "orange"
13 RenderText {#text} at (515,0) size 114x14
14 text run at (515,0) width 114: " border on the third line."
15 RenderBlock {DIV} at (0,26) size 600x42
16 RenderText {#text} at (460,0) size 140x14
17 text run at (460,0) width 140 RTL override: "ILorem ipsum dolor sit amet, "
18 RenderText {#text} at (245,28) size 256x14
19 text run at (245,28) width 256 RTL override: "duis aute irure dolor in reprehenderit in voluptate velit."
20 layer at (8,34) size 583x44
21 RenderInline (relative positioned) {SPAN} at (0,0) size 583x44 [bgcolor=#008000] [border: (1px solid #808080) (20px solid #0000FF) (1px solid #808080) (20px solid #FFA500)]
22 RenderText {#text} at (21,0) size 579x28
23 text run at (21,0) width 399 RTL override: "con a pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culp qui officia"
24 text run at (479,14) width 121 RTL override: "deserunt mollit animequs "
25 RenderText {#text} at (17,14) size 583x28
26 text run at (17,14) width 462 RTL override: "ILOREM ipsum dol sDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu"
27 text run at (541,28) width 59 RTL override: "fugiat nullat "
28 layer at (539,26) size 50x50
29 RenderBlock (positioned) {DIV} at (510,-7) size 50x50
31 RenderBlock {P} at (0,0) size 784x38
32 RenderText {#text} at (0,0) size 646x19
33 text run at (0,0) width 646: "The black outline box should be a 50px by 50px square with its bottom left corner anchored to the left "
34 RenderInline {SPAN} at (0,0) size 43x19 [color=#FFA500]
35 RenderText {#text} at (646,0) size 43x19
36 text run at (646,0) width 43: "orange"
37 RenderText {#text} at (689,0) size 777x38
38 text run at (689,0) width 88: " border on the"
39 text run at (0,19) width 60: "third line."
40 RenderBlock {DIV} at (0,54) size 600x76
41 RenderText {#text} at (414,0) size 186x19
42 text run at (414,0) width 186 RTL override: "ILorem ipsum dolor sit amet, "
43 RenderText {#text} at (7,38) size 593x38
44 text run at (7,38) width 89 RTL override: "duis aute irure"
45 text run at (351,57) width 249 RTL override: "dolor in reprehenderit in voluptate velit."
46 layer at (8,62) size 597x59
47 RenderInline (relative positioned) {SPAN} at (0,0) size 597x59 [bgcolor=#008000] [border: (1px solid #808080) (20px solid #0000FF) (1px solid #808080) (20px solid #FFA500)]
48 RenderText {#text} at (43,0) size 557x38
49 text run at (43,0) width 331 RTL override: "con a pariatur. Excepteur sint occaecat cupidatat non"
50 text run at (234,19) width 366 RTL override: "proident, sunt in culp qui officia deserunt mollit animequs "
51 RenderText {#text} at (3,19) size 597x38
52 text run at (3,19) width 231 RTL override: "ILOREM ipsum dol sDuis aute irure"
53 text run at (136,38) width 464 RTL override: "dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nullat "
54 layer at (134,69) size 50x50
55 RenderBlock (positioned) {DIV} at (83,8) size 50x50
56 >>>>>>> 6448a48e03586d4121fcff9ca92e9ee862e1d77d