layer at (0,0) size 800x600
  LayoutView at (0,0) size 800x600
layer at (0,0) size 800x190
  LayoutBlockFlow {HTML} at (0,0) size 800x189.59
    LayoutBlockFlow {BODY} at (8,16) size 784x40
      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 784x0
        LayoutImage (floating) {IMG} at (0,0) size 117.59x117.59
        LayoutImage (floating) {IMG} at (117.59,0) size 5x5
        LayoutImage (floating) {IMG} at (122.59,0) size 117.59x117.59
        LayoutImage (floating) {IMG} at (240.19,0) size 5x5
        LayoutImage (floating) {IMG} at (245.19,0) size 117.59x117.59
        LayoutImage (floating) {IMG} at (362.78,0) size 5x5
        LayoutImage (floating) {IMG} at (367.78,0) size 117.59x117.59
        LayoutImage (floating) {IMG} at (485.38,0) size 5x5
        LayoutImage (floating) {IMG} at (490.38,0) size 117.59x117.59