layer at (0,0) size 800x600
  LayoutView at (0,0) size 800x600
layer at (0,0) size 800x92
  LayoutBlockFlow {HTML} at (0,0) size 800x92
    LayoutBlockFlow {BODY} at (8,16) size 784x68
      LayoutBlockFlow {P} at (0,0) size 784x18
        LayoutText {#text} at (0,0) size 269x17
          text run at (0,0) width 269: "A media control should have a focus ring."
      LayoutBlockFlow (anonymous) at (0,34) size 784x34
layer at (8,50) size 300x30
  LayoutMedia {AUDIO} at (0,0) size 300x30
layer at (8,50) size 300x30
  LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30
    LayoutBlockFlow {DIV} at (0,0) size 300x30
layer at (8,50) size 300x30
  LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
    LayoutButton {INPUT} at (9,0) size 30x30
    LayoutSlider {INPUT} at (48,11) size 162x8
      LayoutFlexibleBox {DIV} at (0,0) size 162x8 [border: (1px solid #E6E6E659)]
        LayoutBlockFlow {DIV} at (1,-8) size 174x24
          LayoutBlockFlow {DIV} at (-7,0) size 32x24
    LayoutFlexibleBox {DIV} at (225,0) size 25x30 [color=#FFFFFF]
      LayoutBlockFlow (anonymous) at (0,0) size 25x30
        LayoutText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:00"
    LayoutButton {INPUT} at (259,0) size 35x30