layer at (0,0) size 800x600
  LayoutView at (0,0) size 800x600
layer at (0,0) size 800x600
  LayoutBlockFlow {HTML} at (0,0) size 800x600
    LayoutBlockFlow {BODY} at (8,8) size 784x584
      LayoutBlockFlow (anonymous) at (0,0) size 784x20
        LayoutText {#text} at (0,0) size 206x19
          text run at (0,0) width 206: "this table should be center aligned "
        LayoutBR {BR} at (206,15) size 0x0
      LayoutTable {TABLE} at (377,20) size 30x30 [border: (1px outset #808080)]
        LayoutTableSection {TBODY} at (1,1) size 28x28
          LayoutTableRow {TR} at (0,2) size 28x24
            LayoutTableCell {TD} at (2,2) size 24x24 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
              LayoutText {#text} at (2,2) size 20x19
                text run at (2,2) width 20: "foo"
      LayoutBlockFlow (anonymous) at (0,50) size 784x20
        LayoutText {#text} at (0,0) size 432x19
          text run at (0,0) width 432: "this div should be center aligned with an image and a table centered in it "
        LayoutBR {BR} at (432,15) size 0x0
      LayoutBlockFlow {DIV} at (0,70) size 784x80
        LayoutBlockFlow (anonymous) at (0,0) size 784x50
          LayoutImage {IMG} at (367,0) size 50x50
          LayoutText {#text} at (0,0) size 0x0
        LayoutTable {TABLE} at (92,50) size 600x30 [border: (1px outset #808080)]
          LayoutTableSection {TBODY} at (1,1) size 598x28
            LayoutTableRow {TR} at (0,2) size 598x24
              LayoutTableCell {TD} at (2,2) size 594x24 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                LayoutText {#text} at (2,2) size 20x19
                  text run at (2,2) width 20: "foo"