layer at (0,0) size 800x600
RenderView at (0,0) size 800x600
-layer at (0,0) size 800x581
- RenderBlock {html} at (0,0) size 800x581
- RenderBody {body} at (8,8) size 784x565
- RenderBlock {div} at (10,10) size 220x545.63
- RenderBlock {h2} at (0,19.91) size 220x28
- RenderText {#text} at (0,0) size 120x28
- text run at (0,0) width 120: "SVG nested"
- RenderBlock {h2} at (0,287.72) size 220x28
- RenderText {#text} at (0,0) size 114x28
- text run at (0,0) width 114: "CSS nested"
- RenderText {#text} at (240,0) size 4x18
+layer at (0,0) size 800x573
+ RenderBlock {html} at (0,0) size 800x573
+ RenderBody {body} at (8,8) size 784x557
+ RenderBlock {div} at (10,10) size 220x537.63
+ RenderBlock {h2} at (0,19.91) size 220x24
+ RenderText {#text} at (0,0) size 121x24
+ text run at (0,0) width 121: "SVG nested"
+ RenderBlock {h2} at (0,283.72) size 220x24
+ RenderText {#text} at (0,0) size 116x24
+ text run at (0,0) width 116: "CSS nested"
+ RenderText {#text} at (240,0) size 4x16
text run at (240,0) width 4: " "
- RenderBlock {div} at (254,10) size 220x545.63
- RenderBlock {h2} at (0,19.91) size 220x28
- RenderText {#text} at (0,0) size 162x28
- text run at (0,0) width 162: "SVG compound"
- RenderBlock {h2} at (0,287.72) size 220x28
- RenderText {#text} at (0,0) size 156x28
- text run at (0,0) width 156: "CSS compound"
+ RenderBlock {div} at (254,10) size 220x537.63
+ RenderBlock {h2} at (0,19.91) size 220x24
+ RenderText {#text} at (0,0) size 164x24
+ text run at (0,0) width 164: "SVG compound"
+ RenderBlock {h2} at (0,283.72) size 220x24
+ RenderText {#text} at (0,0) size 159x24
+ text run at (0,0) width 159: "CSS compound"
RenderText {#text} at (0,0) size 0x0
-layer at (28,86) size 200x200
- RenderBlock (relative positioned) {div} at (10,67.81) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
- RenderSVGRoot {svg} at (29,109) size 196x175
- RenderSVGContainer {g} at (29,109) size 196x175 [transform={m=((1.00,0.00)(0.00,1.00)) t=(75.00,25.00)}]
- RenderSVGRect {rect} at (103,110) size 62x63 [stroke={[type=SOLID] [color=#000000] [dash array={1.00, 1.00}]}] [x=0.00] [y=0.00] [width=60.00] [height=60.00]
- RenderSVGContainer {g} at (29,109) size 196x175 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]
- RenderSVGRect {rect} at (103,110) size 122x123 [stroke={[type=SOLID] [color=#000000] [dash array={1.00, 1.00}]}] [x=0.00] [y=0.00] [width=60.00] [height=60.00]
- RenderSVGRect {rect} at (29,109) size 162x175 [transform={m=((0.71,0.71)(-0.71,0.71)) t=(0.00,0.00)}] [stroke={[type=SOLID] [color=#0000FF]}] [x=0.00] [y=0.00] [width=60.00] [height=60.00]
+layer at (28,82) size 200x200
+ RenderBlock (relative positioned) {div} at (10,63.81) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
+ RenderSVGRoot {svg} at (29,105) size 196x175
+ RenderSVGContainer {g} at (29,105) size 196x175 [transform={m=((1.00,0.00)(0.00,1.00)) t=(75.00,25.00)}]
+ RenderSVGRect {rect} at (103,106) size 62x63 [stroke={[type=SOLID] [color=#000000] [dash array={1.00, 1.00}]}] [x=0.00] [y=0.00] [width=60.00] [height=60.00]
+ RenderSVGContainer {g} at (29,105) size 196x175 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]
+ RenderSVGRect {rect} at (103,106) size 122x123 [stroke={[type=SOLID] [color=#000000] [dash array={1.00, 1.00}]}] [x=0.00] [y=0.00] [width=60.00] [height=60.00]
+ RenderSVGRect {rect} at (29,105) size 162x175 [transform={m=((0.71,0.71)(-0.71,0.71)) t=(0.00,0.00)}] [stroke={[type=SOLID] [color=#0000FF]}] [x=0.00] [y=0.00] [width=60.00] [height=60.00]
RenderText {#text} at (0,0) size 0x0
-layer at (28,354) size 200x200
- RenderBlock (relative positioned) {div} at (10,335.63) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
-layer at (29,355) size 60x60
+layer at (28,346) size 200x200
+ RenderBlock (relative positioned) {div} at (10,327.63) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
+layer at (29,347) size 60x60
RenderBlock (positioned) {div} at (1,1) size 60x60 [border: (1px dotted #000000)]
-layer at (30,356) size 60x60
+layer at (30,348) size 60x60
RenderBlock (positioned) {div} at (1,1) size 60x60 [border: (1px dotted #000000)]
-layer at (31,357) size 60x60
+layer at (31,349) size 60x60
RenderBlock (positioned) {div} at (1,1) size 60x60 [border: (1px solid #0000FF)]
-layer at (272,86) size 200x200
- RenderBlock (relative positioned) {div} at (10,67.81) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
- RenderSVGRoot {svg} at (273,109) size 162x175
- RenderSVGRect {rect} at (273,109) size 162x175 [transform={m=((1.41,1.41)(-1.41,1.41)) t=(75.00,25.00)}] [stroke={[type=SOLID] [color=#0000FF]}] [x=0.00] [y=0.00] [width=60.00] [height=60.00]
+layer at (272,82) size 200x200
+ RenderBlock (relative positioned) {div} at (10,63.81) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
+ RenderSVGRoot {svg} at (273,105) size 162x175
+ RenderSVGRect {rect} at (273,105) size 162x175 [transform={m=((1.41,1.41)(-1.41,1.41)) t=(75.00,25.00)}] [stroke={[type=SOLID] [color=#0000FF]}] [x=0.00] [y=0.00] [width=60.00] [height=60.00]
RenderText {#text} at (0,0) size 0x0
-layer at (272,354) size 200x200
- RenderBlock (relative positioned) {div} at (10,335.63) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
-layer at (273,355) size 60x60
+layer at (272,346) size 200x200
+ RenderBlock (relative positioned) {div} at (10,327.63) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
+layer at (273,347) size 60x60
RenderBlock (positioned) {div} at (1,1) size 60x60 [border: (1px solid #0000FF)]