layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 712
  LayoutView at (0,0) size 800x600
layer at (0,0) size 785x712 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
  LayoutBlockFlow {HTML} at (0,0) size 785x712.16
    LayoutBlockFlow {BODY} at (8,16) size 769x688.16
      LayoutBlockFlow {P} at (0,0) size 769x36
        LayoutText {#text} at (0,0) size 761x35
          text run at (0,0) width 761: "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 368: "and padding, an orange border, and a margin on the right."
      LayoutBlockFlow {H1} at (0,52) size 769x18
        LayoutText {#text} at (0,0) size 91x17
          text run at (0,0) width 91: "Left-to-Right"
      LayoutBlockFlow {DIV} at (0,80.72) size 769x284 [border: (1px solid #000000)]
        LayoutBlockFlow {P} at (6,22) size 757x32
          LayoutText {#text} at (0,7) size 128x17
            text run at (0,7) width 128: "Lorem ipsum dolor "
          LayoutText {#text} at (352,7) size 342x17
            text run at (352,7) width 342: "adipisicing elit, sed do eiusmod tempor incididunt ut."
        LayoutBlockFlow {P} at (6,70) size 757x192
          LayoutText {#text} at (0,7) size 751x49
            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 "
          LayoutText {#text} at (0,135) size 746x49
            text run at (0,135) width 581: "sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore "
            text run at (580,135) width 166: "magna aliqua. Ut enim ad"
            text run at (0,167) width 459: "minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip."
      LayoutBlockFlow {H1} at (0,375.44) size 769x18
        LayoutText {#text} at (0,0) size 91x17
          text run at (0,0) width 91: "Right-to-Left"
      LayoutBlockFlow {DIV} at (0,404.16) size 769x284 [border: (1px solid #000000)]
        LayoutBlockFlow {P} at (6,22) size 757x32
          LayoutText {#text} at (629,7) size 128x17
            text run at (629,7) width 128 RTL override: "Lorem ipsum dolor "
          LayoutText {#text} at (63,7) size 342x17
            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 751x49
            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 "
          LayoutText {#text} at (11,135) size 746x49
            text run at (11,135) width 166 RTL override: "magna aliqua. Ut enim ad"
            text run at (176,135) width 581 RTL override: "sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore "
            text run at (298,167) width 459 RTL override: "minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip."
layer at (14,119) size 191x19
  LayoutInline (relative positioned) {SPAN} at (0,0) size 191x19 [border: (1px solid #0000FF) (10px solid #FFA500) (1px solid #0000FF) (10px solid #008000)]
    LayoutText {#text} at (172,7) size 136x17
      text run at (172,7) width 136: "sit amet, consectetur "
layer at (14,167) size 730x83
  LayoutInline (relative positioned) {SPAN} at (0,0) size 730x83 [border: (1px solid #0000FF) (10px solid #FFA500) (1px solid #0000FF) (10px solid #008000)]
    LayoutText {#text} at (485,39) size 727x81
      text run at (485,39) width 242: "laboris nisi ut aliquip ex ea commodo"
      text run at (0,71) width 331: "consequat. Duis aute irure dolor in reprehenderit in "
      text run at (331,71) width 366: "voluptate velit esse cillum dolore eu fugiat nulla pariatur."
      text run at (0,103) width 218: "Excepteur sint occaecat cupidatat "
      text run at (217,103) width 478: "non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
layer at (14,442) size 191x19
  LayoutInline (relative positioned) {SPAN} at (0,0) size 191x19 [border: (1px solid #0000FF) (10px solid #FFA500) (1px solid #0000FF) (10px solid #008000)]
    LayoutText {#text} at (449,7) size 136x17
      text run at (449,7) width 136 RTL override: "sit amet, consectetur "
layer at (14,490) size 727x83
  LayoutInline (relative positioned) {SPAN} at (0,0) size 727x83 [border: (1px solid #0000FF) (10px solid #FFA500) (1px solid #0000FF) (10px solid #008000)]
    LayoutText {#text} at (30,39) size 727x81
      text run at (30,39) width 242 RTL override: "laboris nisi ut aliquip ex ea commodo"
      text run at (60,71) width 366 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 (62,103) width 478 RTL override: "non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
      text run at (539,103) width 218 RTL override: "Excepteur sint occaecat cupidatat "