1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x600
4 LayoutBlockFlow {HTML} at (0,0) size 800x600
5 LayoutBlockFlow {BODY} at (8,8) size 784x584
6 LayoutBlockFlow {DIV} at (0,0) size 784x18
7 LayoutText {#text} at (0,0) size 36x18
8 text run at (0,0) width 36: "Both "
9 LayoutText {#text} at (0,0) size 0x0
10 layer at (8,8) size 356x22
11 LayoutInline (relative positioned) {A} at (0,0) size 356x22 [color=#0000EE] [border: (2px solid #FF0000)]
12 LayoutText {#text} at (37,0) size 55x18
13 text run at (37,0) width 55: "this and "
14 LayoutText {#text} at (380,0) size 5x18
15 text run at (380,0) width 5: " "
16 LayoutText {#text} at (384,0) size 5x18
17 text run at (384,0) width 5: "."
18 layer at (8,168) size 290x22
19 LayoutInline (relative positioned) {SPAN} at (0,0) size 290x22 [border: (2px solid #0000FF)]
20 LayoutText {#text} at (93,0) size 286x18
21 text run at (93,0) width 286: "this should have correctly placed focus rings"
22 layer at (393,200) size 76x22
23 LayoutBlockFlow (positioned) {SPAN} at (384.58,194) size 76.02x22 [border: (2px solid #008000)]
24 LayoutText {#text} at (2,2) size 72x18
25 text run at (2,2) width 72: "but not this"