1 layer at (0,0) size 784x754
2 RenderView at (0,0) size 784x600
3 layer at (0,0) size 784x754
4 RenderBlock {HTML} at (0,0) size 784x754
5 RenderBody {BODY} at (8,16) size 768x730
6 RenderBlock {P} at (0,0) size 768x42
7 RenderText {#text} at (0,0) size 762x42
8 text run at (0,0) width 762: "There should be a SPAN in the middle of all four paragraphs that has padding, a green border, and a margin"
9 text run at (0,21) width 77: "on the left, "
10 text run at (77,21) width 407: "and padding, an orange border, and a margin on the right."
11 RenderBlock {H1} at (0,58) size 768x21
12 RenderText {#text} at (0,0) size 95x21
13 text run at (0,0) width 95: "Left-to-Right"
14 RenderBlock {DIV} at (0,89) size 768x284 [border: (1px solid #000000)]
15 RenderBlock {P} at (6,22) size 756x32
16 RenderText {#text} at (0,5) size 136x21
17 text run at (0,5) width 136: "Lorem ipsum dolor "
18 RenderInline {SPAN} at (0,0) size 204x23 [border: (1px solid #0000FF) (10px solid #FFA500) (1px solid #0000FF) (10px solid #008000)]
19 RenderText {#text} at (181,5) size 149x21
20 text run at (181,5) width 149: "sit amet, consectetur "
21 RenderText {#text} at (375,5) size 370x21
22 text run at (375,5) width 370: "adipisicing elit, sed do eiusmod tempor incididunt ut."
23 RenderBlock {P} at (6,70) size 756x192
24 RenderText {#text} at (0,5) size 717x53
25 text run at (0,5) width 655: "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut "
26 text run at (655,5) width 62: "labore et"
27 text run at (0,37) width 579: "dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco "
28 RenderInline {SPAN} at (0,0) size 718x119 [border: (1px solid #0000FF) (10px solid #FFA500) (1px solid #0000FF) (10px solid #008000)]
29 RenderText {#text} at (624,37) size 718x117
30 text run at (624,37) width 94: "laboris nisi ut"
31 text run at (0,69) width 532: "aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in "
32 text run at (532,69) width 182: "voluptate velit esse cillum"
33 text run at (0,101) width 457: "dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat "
34 text run at (457,101) width 259: "non proident, sunt in culpa qui officia"
35 text run at (0,133) width 391: "deserunt mollit anim id est laborum. Lorem ipsum dolor "
36 RenderText {#text} at (436,133) size 743x53
37 text run at (436,133) width 307: "sit amet, consectetur adipisicing elit, sed do"
38 text run at (0,165) width 319: "eiusmod tempor incididunt ut labore et dolore"
39 RenderBlock {H1} at (0,383) size 768x21
40 RenderText {#text} at (0,0) size 95x21
41 text run at (0,0) width 95: "Right-to-Left"
42 RenderBlock {DIV} at (0,414) size 768x316 [border: (1px solid #000000)]
43 RenderBlock {P} at (6,22) size 756x32
44 RenderText {#text} at (15,5) size 136x21
45 text run at (15,5) width 136: "Lorem ipsum dolor "
46 RenderInline {SPAN} at (0,0) size 204x23 [border: (1px solid #0000FF) (10px solid #FFA500) (1px solid #0000FF) (10px solid #008000)]
47 RenderText {#text} at (196,5) size 149x21
48 text run at (196,5) width 149: "sit amet, consectetur "
49 RenderText {#text} at (11,5) size 745x21
50 text run at (11,5) width 4 RTL: "."
51 text run at (390,5) width 366: "adipisicing elit, sed do eiusmod tempor incididunt ut"
52 RenderBlock {P} at (6,70) size 756x224
53 RenderText {#text} at (39,5) size 718x53
54 text run at (39,5) width 655: "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut "
55 text run at (694,5) width 62: "labore et"
56 text run at (38,37) width 579: "dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco "
57 RenderInline {SPAN} at (0,0) size 718x119 [border: (1px solid #0000FF) (10px solid #FFA500) (1px solid #0000FF) (10px solid #008000)]
58 RenderText {#text} at (617,37) size 716x117
59 text run at (617,37) width 94: "laboris nisi ut"
60 text run at (42,69) width 532: "aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in "
61 text run at (574,69) width 182: "voluptate velit esse cillum"
62 text run at (40,101) width 457: "dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat "
63 text run at (497,101) width 259: "non proident, sunt in culpa qui officia"
64 text run at (58,133) width 391: "deserunt mollit anim id est laborum. Lorem ipsum dolor "
65 RenderText {#text} at (449,133) size 703x85
66 text run at (449,133) width 307: "sit amet, consectetur adipisicing elit, sed do"
67 text run at (53,165) width 323: "eiusmod tempor incididunt ut labore et dolore "
68 text run at (376,165) width 380: "magna aliqua. Ut enim ad minim veniam, quis nostrud"
69 text run at (460,197) width 4 RTL: "."
70 text run at (464,197) width 292: "exercitation ullamco laboris nisi ut aliquip"