layer at (0,0) size 800x600
  LayoutView at (0,0) size 800x600
layer at (0,0) size 800x386
  LayoutBlockFlow {HTML} at (0,0) size 800x386.44
    LayoutBlockFlow {BODY} at (8,18.72) size 784x359.72
      LayoutBlockFlow {H3} at (0,0) size 784x22
        LayoutText {#text} at (0,0) size 91x22
          text run at (0,0) width 91: "It passes if:"
      LayoutBlockFlow {UL} at (0,40.72) size 784x54
        LayoutListItem {LI} at (40,0) size 744x18
          LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
          LayoutText {#text} at (0,0) size 415x18
            text run at (0,0) width 415: "the video content has rounded corners (top left and bottom right)"
        LayoutListItem {LI} at (40,18) size 744x18
          LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
          LayoutText {#text} at (0,0) size 480x18
            text run at (0,0) width 480: "the remaining space is gray and has same rounded corners as video content"
        LayoutListItem {LI} at (40,36) size 744x18
          LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
          LayoutText {#text} at (0,0) size 269x18
            text run at (0,0) width 269: "has box shadow around the video element"
      LayoutBlockFlow (anonymous) at (0,110.72) size 784x249
        LayoutText {#text} at (0,0) size 0x0
layer at (18,139) size 500x225
  LayoutVideo {VIDEO} at (10,10) size 500x225 [bgcolor=#808080]
layer at (18,139) size 500x225
  LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 500x225
    LayoutBlockFlow {DIV} at (0,190) size 500x35
layer at (18,139) size 500x190
  LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 500x190