layer at (0,0) size 785x938 RenderView at (0,0) size 785x600 layer at (0,0) size 785x938 RenderBlock {HTML} at (0,0) size 785x938 RenderBody {BODY} at (8,16) size 769x914 RenderBlock {P} at (0,0) size 769x16 RenderText {#text} at (0,0) size 137x16 text run at (0,0) width 137: "This is a table with a " RenderInline {CODE} at (0,0) size 118x13 RenderText {#text} at (136,2) size 118x13 text run at (136,2) width 118: "td align=center" RenderText {#text} at (253,0) size 186x16 text run at (253,0) width 186: " that has a p, a table, and a p." RenderTable {TABLE} at (0,32) size 230x132 [border: (1px outset #808080)] RenderTableSection {TBODY} at (1,1) size 228x130 RenderTableRow {TR} at (0,2) size 228x126 RenderTableCell {TD} at (2,2) size 224x126 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] RenderBlock {P} at (2,18) size 220x16 RenderText {#text} at (98,0) size 24x16 text run at (98,0) width 24: "text" RenderTable {TABLE} at (24,50) size 176x26 [border: (1px outset #808080)] RenderTableSection {TBODY} at (1,1) size 174x24 RenderTableRow {TR} at (0,2) size 174x20 RenderTableCell {TD} at (2,2) size 170x20 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] RenderText {#text} at (2,2) size 36x16 text run at (2,2) width 36: "text 3" RenderBlock {P} at (2,92) size 220x16 RenderText {#text} at (98,0) size 24x16 text run at (98,0) width 24: "text" RenderBlock {P} at (0,180) size 769x64 RenderText {#text} at (0,0) size 186x16 text run at (0,0) width 186: "This time the inner table has " RenderInline {CODE} at (0,0) size 95x13 RenderText {#text} at (185,2) size 95x13 text run at (185,2) width 95: "width=\"100%\"" RenderText {#text} at (279,0) size 767x64 text run at (279,0) width 393: ", so you can see that the CSS spec isn't quite being followed. " text run at (671,0) width 90: "The CSS spec" text run at (0,16) width 767: "says that the align=center carries down as text-align and never acts to move blocks. You're not moving the block for the" text run at (0,32) width 413: "table (above), but you're not doing the text-align inside it either. " text run at (412,32) width 343: "In quirks mode you should do the former, in standard" text run at (0,48) width 104: "mode, the latter." RenderTable {TABLE} at (0,260) size 230x132 [border: (1px outset #808080)] RenderTableSection {TBODY} at (1,1) size 228x130 RenderTableRow {TR} at (0,2) size 228x126 RenderTableCell {TD} at (2,2) size 224x126 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] RenderBlock {P} at (2,18) size 220x16 RenderText {#text} at (98,0) size 24x16 text run at (98,0) width 24: "text" RenderTable {TABLE} at (2,50) size 220x26 [border: (1px outset #808080)] RenderTableSection {TBODY} at (1,1) size 218x24 RenderTableRow {TR} at (0,2) size 218x20 RenderTableCell {TD} at (2,2) size 214x20 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] RenderText {#text} at (2,2) size 36x16 text run at (2,2) width 36: "text 3" RenderBlock {P} at (2,92) size 220x16 RenderText {#text} at (98,0) size 24x16 text run at (98,0) width 24: "text" RenderBlock (anonymous) at (0,392) size 769x16 RenderBR {BR} at (0,0) size 0x16 RenderTable {TABLE} at (234.50,408) size 300x26 [border: (1px outset #808080)] RenderTableSection {TBODY} at (1,1) size 298x24 RenderTableRow {TR} at (0,2) size 298x20 RenderTableCell {TD} at (2,2) size 294x20 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] RenderText {#text} at (2,2) size 106x16 text run at (2,2) width 106: "Data of Table 1!" RenderBlock (anonymous) at (0,434) size 769x16 RenderBR {BR} at (0,0) size 0x16 RenderTable {TABLE} at (0,450) size 300x26 [border: (1px outset #808080)] RenderTableSection {TBODY} at (1,1) size 298x24 RenderTableRow {TR} at (0,2) size 298x20 RenderTableCell {TD} at (2,2) size 294x20 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] RenderText {#text} at (94,2) size 106x16 text run at (94,2) width 106: "Data of Table 2!" RenderBlock (anonymous) at (0,476) size 769x16 RenderBR {BR} at (0,0) size 0x16 RenderBlock {DIV} at (0,492) size 769x24 [border: (1px solid #000000)] RenderTable {TABLE} at (328.50,1) size 112x22 RenderTableSection {TBODY} at (0,0) size 112x22 RenderTableRow {TR} at (0,2) size 112x18 RenderTableCell {TD} at (2,2) size 108x18 [r=0 c=0 rs=1 cs=1] RenderText {#text} at (1,1) size 106x16 text run at (1,1) width 106: "Data of Table 3!" RenderBlock (anonymous) at (0,516) size 769x16 RenderBR {BR} at (0,0) size 0x16 RenderBlock {DIV} at (0,532) size 769x24 [border: (1px solid #000000)] RenderTable {TABLE} at (1,1) size 112x22 RenderTableSection {TBODY} at (0,0) size 112x22 RenderTableRow {TR} at (0,2) size 112x18 RenderTableCell {TD} at (2,2) size 108x18 [r=0 c=0 rs=1 cs=1] RenderText {#text} at (1,1) size 106x16 text run at (1,1) width 106: "Data of Table 4!" RenderBlock (anonymous) at (0,556) size 769x16 RenderBR {BR} at (0,0) size 0x16 RenderTable {TABLE} at (0,572) size 769x44 RenderTableSection {TBODY} at (0,0) size 769x44 RenderTableRow {TR} at (0,2) size 769x40 RenderTableCell {TD} at (2,2) size 765x40 [r=0 c=0 rs=1 cs=1] RenderBlock (anonymous) at (1,1) size 763x16 RenderText {#text} at (324,0) size 115x16 text run at (324,0) width 115: "Text, followed by" RenderTable {TABLE} at (354,17) size 57x22 RenderTableSection {TBODY} at (0,0) size 57x22 RenderTableRow {TR} at (0,2) size 57x18 RenderTableCell {TD} at (2,2) size 53x18 [r=0 c=0 rs=1 cs=1] RenderText {#text} at (1,1) size 51x16 text run at (1,1) width 51: "A table." RenderBlock {P} at (0,632) size 769x16 RenderText {#text} at (0,0) size 291x16 text run at (0,0) width 291: "...should look identical to the first one below:" RenderTable {TABLE} at (0,664) size 769x44 RenderTableSection {TBODY} at (0,0) size 769x44 RenderTableRow {TR} at (0,2) size 769x40 RenderTableCell {TD} at (2,2) size 765x40 [r=0 c=0 rs=1 cs=1] RenderBlock {DIV} at (1,1) size 763x16 RenderText {#text} at (324,0) size 115x16 text run at (324,0) width 115: "Text, followed by" RenderTable {TABLE} at (1,17) size 763x22 RenderTableSection {TBODY} at (0,0) size 763x22 RenderTableRow {TR} at (0,2) size 763x18 RenderTableCell {TD} at (2,2) size 759x18 [r=0 c=0 rs=1 cs=1] RenderBlock {DIV} at (1,1) size 757x16 RenderText {#text} at (353,0) size 51x16 text run at (353,0) width 51: "A table." RenderBlock {P} at (0,724) size 769x16 RenderText {#text} at (0,0) size 408x16 text run at (0,0) width 408: "However, in standard mode, the first table should look like this:" RenderTable {TABLE} at (0,756) size 769x44 RenderTableSection {TBODY} at (0,0) size 769x44 RenderTableRow {TR} at (0,2) size 769x40 RenderTableCell {TD} at (2,2) size 765x40 [r=0 c=0 rs=1 cs=1] RenderBlock {DIV} at (1,1) size 763x16 RenderText {#text} at (324,0) size 115x16 text run at (324,0) width 115: "Text, followed by" RenderTable {TABLE} at (1,17) size 763x22 RenderTableSection {TBODY} at (0,0) size 763x22 RenderTableRow {TR} at (0,2) size 763x18 RenderTableCell {TD} at (2,2) size 759x18 [r=0 c=0 rs=1 cs=1] RenderText {#text} at (1,1) size 51x16 text run at (1,1) width 51: "A table." RenderBlock {P} at (0,816) size 769x16 RenderText {#text} at (0,0) size 670x16 text run at (0,0) width 670: "For reference, the second table has its text all centered, the third table has the \"A table.\" line aligned left." RenderBlock {HR} at (0,848) size 769x2 [border: (1px inset #EEEEEE)] RenderBlock {P} at (0,866) size 769x16 RenderText {#text} at (0,0) size 62x16 text run at (0,0) width 62: "See also: " RenderInline {A} at (0,0) size 131x16 [color=#0000EE] RenderText {#text} at (61,0) size 131x16 text run at (61,0) width 131: "Strict Mode Version" RenderText {#text} at (0,0) size 0x0 RenderBlock (anonymous) at (0,898) size 769x16 RenderText {#text} at (0,0) size 20x16 text run at (0,0) width 20: "-->"