layer at (0,0) size 800x600
  LayoutView at (0,0) size 800x600
layer at (0,0) size 800x203
  LayoutBlockFlow {HTML} at (0,0) size 800x203
    LayoutBlockFlow {BODY} at (8,16) size 784x179
      LayoutBlockFlow {P} at (0,0) size 784x40
        LayoutText {#text} at (0,0) size 101x19
          text run at (0,0) width 101: "There should be "
        LayoutInline {STRONG} at (0,0) size 143x19
          LayoutText {#text} at (101,0) size 143x19
            text run at (101,0) width 143: "5 filled green squares"
        LayoutText {#text} at (243,0) size 176x19
          text run at (243,0) width 176: " with the same width and the "
        LayoutInline {STRONG} at (0,0) size 81x19
          LayoutText {#text} at (418,0) size 81x19
            text run at (418,0) width 81: "same height"
        LayoutText {#text} at (498,0) size 229x19
          text run at (498,0) width 229: ". The 5 filled green squares should be "
        LayoutInline {STRONG} at (0,0) size 57x19
          LayoutText {#text} at (726,0) size 57x19
            text run at (726,0) width 57: "identical"
        LayoutText {#text} at (0,20) size 417x19
          text run at (0,20) width 417: "to each other. This should still remain true even after a window resize."
      LayoutBlockFlow {DIV} at (0,56) size 784x123
        LayoutImage {IMG} at (0,0) size 117.59x117.59
        LayoutText {#text} at (117,103) size 5x19
          text run at (117,103) width 5: " "
        LayoutImage {IMG} at (121.59,0) size 117.59x117.59
        LayoutText {#text} at (239,103) size 5x19
          text run at (239,103) width 5: " "
        LayoutImage {IMG} at (243.19,0) size 117.59x117.59
        LayoutText {#text} at (360,103) size 5x19
          text run at (360,103) width 5: " "
        LayoutImage {IMG} at (364.78,0) size 117.59x117.59
        LayoutText {#text} at (482,103) size 5x19
          text run at (482,103) width 5: " "
        LayoutImage {IMG} at (486.38,0) size 117.59x117.59
        LayoutText {#text} at (0,0) size 0x0