layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 680
  LayoutView at (0,0) size 800x600
layer at (0,0) size 785x680 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
  LayoutBlockFlow {HTML} at (0,0) size 785x680.16
    LayoutBlockFlow {BODY} at (8,16) size 769x656.16
      LayoutBlockFlow {P} at (0,0) size 769x36
        LayoutText {#text} at (0,0) size 764x36
          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,"
          text run at (0,18) width 369: "and padding, an orange border, and a margin on the right."
      LayoutBlockFlow {H1} at (0,52) size 769x18
        LayoutText {#text} at (0,0) size 91x18
          text run at (0,0) width 91: "Left-to-Right"
      LayoutBlockFlow {DIV} at (0,80.72) size 769x252 [border: (1px solid #000000)]
        LayoutBlockFlow {P} at (6,22) size 757x32
          LayoutText {#text} at (0,7) size 128x18
            text run at (0,7) width 128: "Lorem ipsum dolor "
          LayoutInline {SPAN} at (0,0) size 191x20 [border: (1px solid #0000FF) (10px solid #FFA500) (1px solid #0000FF) (10px solid #008000)]
            LayoutText {#text} at (172,7) size 136x18
              text run at (172,7) width 136 RTL override: "sit amet, consectetur "
          LayoutText {#text} at (352,7) size 342x18
            text run at (352,7) width 342: "adipisicing elit, sed do eiusmod tempor incididunt ut."
        LayoutBlockFlow {P} at (6,70) size 757x160
          LayoutText {#text} at (0,7) size 751x50
            text run at (0,7) width 604: "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut "
            text run at (603,7) width 148: "labore et dolore magna"
            text run at (0,39) width 441: "aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco "
          LayoutInline {SPAN} at (0,0) size 742x116 [border: (1px solid #0000FF) (10px solid #FFA500) (1px solid #0000FF) (10px solid #008000)]
            LayoutText {#text} at (440,39) size 742x114
              text run at (440,39) width 242 RTL override: "laboris nisi ut aliquip ex ea commodo"
              text run at (0,71) width 367 RTL override: "voluptate velit esse cillum dolore eu fugiat nulla pariatur."
              text run at (366,71) width 332 RTL override: "consequat. Duis aute irure dolor in reprehenderit in "
              text run at (0,103) width 524 RTL override: "non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem"
              text run at (523,103) width 219 RTL override: "Excepteur sint occaecat cupidatat "
              text run at (45,135) width 81 RTL override: "ipsum dolor "
          LayoutText {#text} at (125,135) size 578x18
            text run at (125,135) width 578: "sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore"
      LayoutBlockFlow {H1} at (0,343.44) size 769x18
        LayoutText {#text} at (0,0) size 91x18
          text run at (0,0) width 91: "Right-to-Left"
      LayoutBlockFlow {DIV} at (0,372.16) size 769x284 [border: (1px solid #000000)]
        LayoutBlockFlow {P} at (6,22) size 757x32
          LayoutText {#text} at (629,7) size 128x18
            text run at (629,7) width 128 RTL override: "Lorem ipsum dolor "
          LayoutInline {SPAN} at (0,0) size 191x20 [border: (1px solid #0000FF) (10px solid #FFA500) (1px solid #0000FF) (10px solid #008000)]
            LayoutText {#text} at (449,7) size 136x18
              text run at (449,7) width 136 RTL override: "sit amet, consectetur "
          LayoutText {#text} at (63,7) size 342x18
            text run at (63,7) width 342 RTL override: "adipisicing elit, sed do eiusmod tempor incididunt ut."
        LayoutBlockFlow {P} at (6,70) size 757x192
          LayoutText {#text} at (6,7) size 751x50
            text run at (6,7) width 148 RTL override: "labore et dolore magna"
            text run at (153,7) width 604 RTL override: "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut "
            text run at (316,39) width 441 RTL override: "aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco "
          LayoutInline {SPAN} at (0,0) size 742x116 [border: (1px solid #0000FF) (10px solid #FFA500) (1px solid #0000FF) (10px solid #008000)]
            LayoutText {#text} at (75,39) size 742x114
              text run at (75,39) width 242 RTL override: "laboris nisi ut aliquip ex ea commodo"
              text run at (59,71) width 367 RTL override: "voluptate velit esse cillum dolore eu fugiat nulla pariatur."
              text run at (426,71) width 331 RTL override: "consequat. Duis aute irure dolor in reprehenderit in "
              text run at (15,103) width 525 RTL override: "non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem"
              text run at (539,103) width 218 RTL override: "Excepteur sint occaecat cupidatat "
              text run at (631,135) width 81 RTL override: "ipsum dolor "
          LayoutText {#text} at (8,135) size 749x50
            text run at (8,135) width 43 RTL override: "magna"
            text run at (50,135) width 582 RTL override: "sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore "
            text run at (176,167) width 581 RTL override: "aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip."