1 layer at (0,0) size 785x672
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x672
4 RenderBlock {HTML} at (0,0) size 785x672.16
5 RenderBody {BODY} at (8,16) size 769x648.16
6 RenderBlock {P} at (0,0) size 769x32
7 RenderText {#text} at (0,0) size 764x32
8 text run at (0,0) width 764: "There should be a SPAN in the middle of all four paragraphs that has padding, a green border, and a margin on the left,"
9 text run at (0,16) width 369: "and padding, an orange border, and a margin on the right."
10 RenderBlock {H1} at (0,48) size 769x16
11 RenderText {#text} at (0,0) size 91x16
12 text run at (0,0) width 91: "Left-to-Right"
13 RenderBlock {DIV} at (0,74.72) size 769x252 [border: (1px solid #000000)]
14 RenderBlock {P} at (6,22) size 757x32
15 RenderText {#text} at (0,8) size 128x16
16 text run at (0,8) width 128: "Lorem ipsum dolor "
17 RenderInline {SPAN} at (0,0) size 191x18 [border: (1px solid #0000FF) (10px solid #FFA500) (1px solid #0000FF) (10px solid #008000)]
18 RenderText {#text} at (172,8) size 136x16
19 text run at (172,8) width 136: "sit amet, consectetur "
20 RenderText {#text} at (352,8) size 342x16
21 text run at (352,8) width 342: "adipisicing elit, sed do eiusmod tempor incididunt ut."
22 RenderBlock {P} at (6,70) size 757x160
23 RenderText {#text} at (0,8) size 751x48
24 text run at (0,8) width 604: "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut "
25 text run at (603,8) width 148: "labore et dolore magna"
26 text run at (0,40) width 441: "aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco "
27 RenderInline {SPAN} at (0,0) size 742x114 [border: (1px solid #0000FF) (10px solid #FFA500) (1px solid #0000FF) (10px solid #008000)]
28 RenderText {#text} at (485,40) size 742x112
29 text run at (485,40) width 242: "laboris nisi ut aliquip ex ea commodo"
30 text run at (0,72) width 331: "consequat. Duis aute irure dolor in reprehenderit in "
31 text run at (331,72) width 367: "voluptate velit esse cillum dolore eu fugiat nulla pariatur."
32 text run at (0,104) width 218: "Excepteur sint occaecat cupidatat "
33 text run at (217,104) width 525: "non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem"
34 text run at (0,136) width 81: "ipsum dolor "
35 RenderText {#text} at (125,136) size 578x16
36 text run at (125,136) width 578: "sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore"
37 RenderBlock {H1} at (0,337.44) size 769x16
38 RenderText {#text} at (0,0) size 91x16
39 text run at (0,0) width 91: "Right-to-Left"
40 RenderBlock {DIV} at (0,364.16) size 769x284 [border: (1px solid #000000)]
41 RenderBlock {P} at (6,22) size 757x32
42 RenderText {#text} at (67,8) size 129x16
43 text run at (67,8) width 129: "Lorem ipsum dolor "
44 RenderInline {SPAN} at (0,0) size 191x18 [border: (1px solid #0000FF) (10px solid #FFA500) (1px solid #0000FF) (10px solid #008000)]
45 RenderText {#text} at (240,8) size 136x16
46 text run at (240,8) width 136: "sit amet, consectetur "
47 RenderText {#text} at (63,8) size 694x16
48 text run at (63,8) width 5 RTL: "."
49 text run at (420,8) width 337: "adipisicing elit, sed do eiusmod tempor incididunt ut"
50 RenderBlock {P} at (6,70) size 757x192
51 RenderText {#text} at (6,8) size 751x48
52 text run at (6,8) width 604: "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut "
53 text run at (609,8) width 148: "labore et dolore magna"
54 text run at (30,40) width 442: "aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco "
55 RenderInline {SPAN} at (0,0) size 742x114 [border: (1px solid #0000FF) (10px solid #FFA500) (1px solid #0000FF) (10px solid #008000)]
56 RenderText {#text} at (471,40) size 742x112
57 text run at (471,40) width 241: "laboris nisi ut aliquip ex ea commodo"
58 text run at (59,72) width 332: "consequat. Duis aute irure dolor in reprehenderit in "
59 text run at (390,72) width 367: "voluptate velit esse cillum dolore eu fugiat nulla pariatur."
60 text run at (15,104) width 219: "Excepteur sint occaecat cupidatat "
61 text run at (233,104) width 524: "non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem"
62 text run at (53,136) width 82: "ipsum dolor "
63 RenderText {#text} at (134,136) size 623x48
64 text run at (134,136) width 581: "sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore "
65 text run at (714,136) width 43: "magna"
66 text run at (176,168) width 5 RTL: "."
67 text run at (180,168) width 577: "aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip"