layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x600
  RenderBlock {HTML} at (0,0) size 800x600
    RenderBody {BODY} at (8,8) size 784x584
      RenderBlock (anonymous) at (0,0) size 784x19
        RenderText {#text} at (0,0) size 221x19
          text run at (0,0) width 221: "this table should be center aligned "
        RenderBR {BR} at (221,14) size 0x0
      RenderTable {TABLE} at (377,19) size 30x29 [border: (1px outset #808080)]
        RenderTableSection {TBODY} at (1,1) size 28x27
          RenderTableRow {TR} at (0,2) size 28x23
            RenderTableCell {TD} at (2,2) size 24x23 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
              RenderText {#text} at (2,2) size 20x19
                text run at (2,2) width 20: "foo"
      RenderBlock (anonymous) at (0,48) size 784x19
        RenderText {#text} at (0,0) size 461x19
          text run at (0,0) width 461: "this div should be center aligned with an image and a table centered in it "
        RenderBR {BR} at (461,14) size 0x0
      RenderBlock {DIV} at (0,67) size 784x79
        RenderBlock (anonymous) at (0,0) size 784x50
          RenderImage {IMG} at (367,0) size 50x50
          RenderText {#text} at (0,0) size 0x0
        RenderTable {TABLE} at (92,50) size 600x29 [border: (1px outset #808080)]
          RenderTableSection {TBODY} at (1,1) size 598x27
            RenderTableRow {TR} at (0,2) size 598x23
              RenderTableCell {TD} at (2,2) size 594x23 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                RenderText {#text} at (2,2) size 20x19
                  text run at (2,2) width 20: "foo"
