layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x600
  RenderBlock {HTML} at (0,0) size 800x600
    RenderBody {BODY} at (8,8) size 784x584
      RenderBlock {DIV} at (0,0) size 206x36 [color=#4B0082] [border: (3px solid #000000)]
        RenderText {#text} at (3,13) size 60x20
          text run at (3,13) width 60: "abc"
        RenderInline {RUBY} at (63,13) size 40x20 [color=#0000FF]
          RenderInline (generated) at (63,13) size 40x20
            RenderText {#text} at (63,13) size 40x20
              text run at (63,13) width 40: "xx"
          RenderBlock {RT} at (63,3) size 40x10 [color=#C0C0C0]
            RenderText {#text} at (2,0) size 36x10
              text run at (2,0) width 36: "y y"
        RenderText {#text} at (103,13) size 60x20
          text run at (103,13) width 60: "def"
      RenderBlock {DIV} at (0,44) size 206x36 [color=#4B0082] [border: (3px solid #000000)]
        RenderText {#text} at (3,13) size 60x20
          text run at (3,13) width 60: "abc"
        RenderInline {RUBY} at (63,13) size 50x20 [color=#0000FF]
          RenderInline (generated) at (58,13) size 50x20
            RenderText {#text} at (63,13) size 40x20
              text run at (63,13) width 40: "xx"
          RenderBlock {RT} at (58,3) size 50x10 [color=#C0C0C0]
            RenderText {#text} at (0,0) size 50x10
              text run at (0,0) width 50: "yy yy"
        RenderText {#text} at (103,13) size 60x20
          text run at (103,13) width 60: "def"
      RenderBlock {DIV} at (0,88) size 206x36 [color=#4B0082] [border: (3px solid #000000)]
        RenderText {#text} at (3,13) size 60x20
          text run at (3,13) width 60: "abc"
        RenderInline {RUBY} at (63,13) size 60x20 [color=#0000FF]
          RenderInline (generated) at (58,13) size 60x20
            RenderText {#text} at (68,13) size 40x20
              text run at (68,13) width 40: "xx"
          RenderBlock {RT} at (58,3) size 60x10 [color=#C0C0C0]
            RenderText {#text} at (0,0) size 60x10
              text run at (0,0) width 60: "yyyyyy"
        RenderText {#text} at (113,13) size 60x20
          text run at (113,13) width 60: "def"
      RenderBlock {DIV} at (0,132) size 206x36 [color=#4B0082] [border: (3px solid #000000)]
        RenderText {#text} at (3,13) size 60x20
          text run at (3,13) width 60: "abc"
        RenderInline {RUBY} at (63,13) size 70x20 [color=#0000FF]
          RenderInline (generated) at (60,13) size 71x20
            RenderText {#text} at (63,13) size 65x20
              text run at (63,13) width 65: "x x"
          RenderBlock {RT} at (60,3) size 71x10 [color=#C0C0C0]
            RenderText {#text} at (0,0) size 70x10
              text run at (0,0) width 70: "yyy yyy"
        RenderText {#text} at (128,13) size 60x20
          text run at (128,13) width 60: "def"
      RenderBlock {DIV} at (0,176) size 206x56 [color=#4B0082] [border: (3px solid #000000)]
        RenderInline {RUBY} at (3,13) size 50x20 [color=#0000FF]
          RenderInline (generated) at (3,13) size 50x20
            RenderText {#text} at (8,13) size 40x20
              text run at (8,13) width 40: "xx"
          RenderBlock {RT} at (3,3) size 50x10 [color=#C0C0C0]
            RenderText {#text} at (0,0) size 50x10
              text run at (0,0) width 50: "yy yy"
        RenderText {#text} at (3,13) size 145x40
          text run at (48,13) width 100: "def g"
          text run at (3,33) width 40: "hi"
      RenderBlock {DIV} at (0,240) size 206x56 [color=#4B0082] [border: (3px solid #000000)]
        RenderText {#text} at (3,13) size 20x20
          text run at (3,13) width 20: "a"
        RenderInline {RUBY} at (23,13) size 50x20 [color=#0000FF]
          RenderInline (generated) at (18,13) size 50x20
            RenderText {#text} at (23,13) size 40x20
              text run at (23,13) width 40: "xx"
          RenderBlock {RT} at (18,3) size 50x10 [color=#C0C0C0]
            RenderText {#text} at (0,0) size 50x10
              text run at (0,0) width 50: "yy yy"
        RenderText {#text} at (3,13) size 160x40
          text run at (63,13) width 100: "def g"
          text run at (3,33) width 20: "h"
      RenderBlock {DIV} at (0,304) size 206x56 [color=#4B0082] [border: (3px solid #000000)]
        RenderText {#text} at (3,3) size 160x20
          text run at (3,3) width 160: "a b bc b\x{200B}"
        RenderInline {RUBY} at (3,33) size 50x20 [color=#0000FF]
          RenderInline (generated) at (3,33) size 50x20
            RenderText {#text} at (8,33) size 40x20
              text run at (8,33) width 40: "xx"
          RenderBlock {RT} at (3,23) size 50x10 [color=#C0C0C0]
            RenderText {#text} at (0,0) size 50x10
              text run at (0,0) width 50: "yy yy"
        RenderText {#text} at (0,0) size 0x0
      RenderBlock {DIV} at (0,368) size 206x46 [color=#4B0082] [border: (3px solid #000000)]
        RenderText {#text} at (3,13) size 140x20
          text run at (3,13) width 140: "a b b b\x{200B}"
        RenderInline {RUBY} at (143,13) size 50x20 [color=#0000FF]
          RenderInline (generated) at (138,13) size 50x20
            RenderText {#text} at (143,13) size 40x20
              text run at (143,13) width 40: "xx"
          RenderBlock {RT} at (138,3) size 50x10 [color=#C0C0C0]
            RenderText {#text} at (0,0) size 50x10
              text run at (0,0) width 50: "yy yy"
        RenderInline {SPAN} at (3,21) size 180x22
          RenderText {#text} at (3,21) size 180x22
            text run at (183,21) width 0: "\x{200B}"
            text run at (3,33) width 20: "de"
      RenderBlock {DIV} at (0,422) size 206x38 [color=#4B0082] [border: (3px solid #000000)]
        RenderText {#text} at (3,13) size 120x20
          text run at (3,13) width 120: "a b b "
        RenderInline {RUBY} at (123,13) size 50x20 [color=#0000FF]
          RenderInline (generated) at (118,13) size 50x20
            RenderText {#text} at (123,13) size 40x20
              text run at (123,13) width 40: "xx"
          RenderBlock {RT} at (118,3) size 50x10 [color=#C0C0C0]
            RenderText {#text} at (0,0) size 50x10
              text run at (0,0) width 50: "yy yy"
        RenderInline {SPAN} at (168,5) size 30x30
          RenderText {#text} at (168,5) size 30x30
            text run at (168,5) width 30: "d"
      RenderBlock {DIV} at (0,468) size 206x36 [color=#4B0082] [border: (3px solid #000000)]
        RenderInline {SPAN} at (3,21) size 20x10
          RenderText {#text} at (3,21) size 20x10
            text run at (3,21) width 20: "cb"
        RenderInline {RUBY} at (23,13) size 50x20 [color=#0000FF]
          RenderInline (generated) at (18,13) size 50x20
            RenderText {#text} at (23,13) size 40x20
              text run at (23,13) width 40: "xx"
          RenderBlock {RT} at (18,3) size 50x10 [color=#C0C0C0]
            RenderText {#text} at (0,0) size 50x10
              text run at (0,0) width 50: "yy yy"
        RenderText {#text} at (63,13) size 40x20
          text run at (63,13) width 40: "ij"
      RenderBlock {DIV} at (0,512) size 206x38 [color=#4B0082] [border: (3px solid #000000)]
        RenderInline {SPAN} at (3,5) size 30x30
          RenderText {#text} at (3,5) size 30x30
            text run at (3,5) width 30: "c"
        RenderInline {RUBY} at (33,13) size 50x20 [color=#0000FF]
          RenderInline (generated) at (33,13) size 50x20
            RenderText {#text} at (38,13) size 40x20
              text run at (38,13) width 40: "xx"
          RenderBlock {RT} at (33,3) size 50x10 [color=#C0C0C0]
            RenderText {#text} at (0,0) size 50x10
              text run at (0,0) width 50: "yy yy"
        RenderText {#text} at (78,13) size 40x20
          text run at (78,13) width 40: "ij"