| layer at (0,0) size 785x1062 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x1062 |
| RenderBlock {HTML} at (0,0) size 785x1062 |
| RenderBody {BODY} at (8,16) size 769x1038 |
| RenderBlock {P} at (0,0) size 769x20 |
| RenderText {#text} at (0,0) size 126x19 |
| text run at (0,0) width 126: "This is a table with a " |
| RenderInline {CODE} at (0,0) size 120x16 |
| RenderText {#text} at (126,3) size 120x16 |
| text run at (126,3) width 120: "td align=center" |
| RenderText {#text} at (246,0) size 178x19 |
| text run at (246,0) width 178: " that has a p, a table, and a p." |
| RenderTable {TABLE} at (0,36) size 231x144 [border: (1px outset #808080)] |
| RenderTableSection {TBODY} at (1,1) size 229x142 |
| RenderTableRow {TR} at (0,2) size 229x138 |
| RenderTableCell {TD} at (2,2) size 225x138 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] |
| RenderBlock {P} at (2,18) size 221x20 |
| RenderText {#text} at (99,0) size 23x19 |
| text run at (99,0) width 23: "text" |
| RenderTable {TABLE} at (24,54) size 177x30 [border: (1px outset #808080)] |
| RenderTableSection {TBODY} at (1,1) size 175x28 |
| RenderTableRow {TR} at (0,2) size 175x24 |
| RenderTableCell {TD} at (2,2) size 171x24 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 34x19 |
| text run at (2,2) width 34: "text 3" |
| RenderBlock {P} at (2,100) size 221x20 |
| RenderText {#text} at (99,0) size 23x19 |
| text run at (99,0) width 23: "text" |
| RenderBlock {P} at (0,196) size 769x80 |
| RenderText {#text} at (0,0) size 170x19 |
| text run at (0,0) width 170: "This time the inner table has " |
| RenderInline {CODE} at (0,0) size 96x16 |
| RenderText {#text} at (170,3) size 96x16 |
| text run at (170,3) width 96: "width=\"100%\"" |
| RenderText {#text} at (266,0) size 754x79 |
| text run at (266,0) width 370: ", so you can see that the CSS spec isn't quite being followed. " |
| text run at (636,0) width 118: "The CSS spec says" |
| text run at (0,20) width 722: "that the align=center carries down as text-align and never acts to move blocks. You're not moving the block for the table" |
| text run at (0,40) width 350: "(above), but you're not doing the text-align inside it either. " |
| text run at (350,40) width 384: "In quirks mode you should do the former, in standard mode, the" |
| text run at (0,60) width 34: "latter." |
| RenderTable {TABLE} at (0,292) size 231x144 [border: (1px outset #808080)] |
| RenderTableSection {TBODY} at (1,1) size 229x142 |
| RenderTableRow {TR} at (0,2) size 229x138 |
| RenderTableCell {TD} at (2,2) size 225x138 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] |
| RenderBlock {P} at (2,18) size 221x20 |
| RenderText {#text} at (99,0) size 23x19 |
| text run at (99,0) width 23: "text" |
| RenderTable {TABLE} at (2,54) size 221x30 [border: (1px outset #808080)] |
| RenderTableSection {TBODY} at (1,1) size 219x28 |
| RenderTableRow {TR} at (0,2) size 219x24 |
| RenderTableCell {TD} at (2,2) size 215x24 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 34x19 |
| text run at (2,2) width 34: "text 3" |
| RenderBlock {P} at (2,100) size 221x20 |
| RenderText {#text} at (99,0) size 23x19 |
| text run at (99,0) width 23: "text" |
| RenderBlock (anonymous) at (0,436) size 769x20 |
| RenderBR {BR} at (0,0) size 0x19 |
| RenderTable {TABLE} at (234,456) size 301x30 [border: (1px outset #808080)] |
| RenderTableSection {TBODY} at (1,1) size 298x28 |
| RenderTableRow {TR} at (0,2) size 298x24 |
| RenderTableCell {TD} at (2,2) size 294x24 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 100x19 |
| text run at (2,2) width 100: "Data of Table 1!" |
| RenderBlock (anonymous) at (0,486) size 769x20 |
| RenderBR {BR} at (0,0) size 0x19 |
| RenderTable {TABLE} at (0,506) size 300x30 [border: (1px outset #808080)] |
| RenderTableSection {TBODY} at (1,1) size 298x28 |
| RenderTableRow {TR} at (0,2) size 298x24 |
| RenderTableCell {TD} at (2,2) size 294x24 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (97,2) size 100x19 |
| text run at (97,2) width 100: "Data of Table 2!" |
| RenderBlock (anonymous) at (0,536) size 769x20 |
| RenderBR {BR} at (0,0) size 0x19 |
| RenderBlock {DIV} at (0,556) size 769x28 [border: (1px solid #000000)] |
| RenderTable {TABLE} at (331,1) size 107x26 |
| RenderTableSection {TBODY} at (0,0) size 106x26 |
| RenderTableRow {TR} at (0,2) size 106x22 |
| RenderTableCell {TD} at (2,2) size 102x22 [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 100x19 |
| text run at (1,1) width 100: "Data of Table 3!" |
| RenderBlock (anonymous) at (0,584) size 769x20 |
| RenderBR {BR} at (0,0) size 0x19 |
| RenderBlock {DIV} at (0,604) size 769x28 [border: (1px solid #000000)] |
| RenderTable {TABLE} at (1,1) size 106x26 |
| RenderTableSection {TBODY} at (0,0) size 106x26 |
| RenderTableRow {TR} at (0,2) size 106x22 |
| RenderTableCell {TD} at (2,2) size 102x22 [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 100x19 |
| text run at (1,1) width 100: "Data of Table 4!" |
| RenderBlock (anonymous) at (0,632) size 769x20 |
| RenderBR {BR} at (0,0) size 0x19 |
| RenderTable {TABLE} at (0,652) size 769x52 |
| RenderTableSection {TBODY} at (0,0) size 769x52 |
| RenderTableRow {TR} at (0,2) size 769x48 |
| RenderTableCell {TD} at (2,2) size 765x48 [r=0 c=0 rs=1 cs=1] |
| RenderBlock (anonymous) at (1,1) size 763x20 |
| RenderText {#text} at (328,0) size 107x19 |
| text run at (328,0) width 107: "Text, followed by" |
| RenderTable {TABLE} at (355,21) size 55x26 |
| RenderTableSection {TBODY} at (0,0) size 54x26 |
| RenderTableRow {TR} at (0,2) size 54x22 |
| RenderTableCell {TD} at (2,2) size 50x22 [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 48x19 |
| text run at (1,1) width 48: "A table." |
| RenderBlock {P} at (0,720) size 769x20 |
| RenderText {#text} at (0,0) size 269x19 |
| text run at (0,0) width 269: "...should look identical to the first one below:" |
| RenderTable {TABLE} at (0,756) size 769x52 |
| RenderTableSection {TBODY} at (0,0) size 769x52 |
| RenderTableRow {TR} at (0,2) size 769x48 |
| RenderTableCell {TD} at (2,2) size 765x48 [r=0 c=0 rs=1 cs=1] |
| RenderBlock {DIV} at (1,1) size 763x20 |
| RenderText {#text} at (328,0) size 107x19 |
| text run at (328,0) width 107: "Text, followed by" |
| RenderTable {TABLE} at (1,21) size 763x26 |
| RenderTableSection {TBODY} at (0,0) size 763x26 |
| RenderTableRow {TR} at (0,2) size 763x22 |
| RenderTableCell {TD} at (2,2) size 759x22 [r=0 c=0 rs=1 cs=1] |
| RenderBlock {DIV} at (1,1) size 757x20 |
| RenderText {#text} at (354,0) size 49x19 |
| text run at (354,0) width 49: "A table." |
| RenderBlock {P} at (0,824) size 769x20 |
| RenderText {#text} at (0,0) size 379x19 |
| text run at (0,0) width 379: "However, in standard mode, the first table should look like this:" |
| RenderTable {TABLE} at (0,860) size 769x52 |
| RenderTableSection {TBODY} at (0,0) size 769x52 |
| RenderTableRow {TR} at (0,2) size 769x48 |
| RenderTableCell {TD} at (2,2) size 765x48 [r=0 c=0 rs=1 cs=1] |
| RenderBlock {DIV} at (1,1) size 763x20 |
| RenderText {#text} at (328,0) size 107x19 |
| text run at (328,0) width 107: "Text, followed by" |
| RenderTable {TABLE} at (1,21) size 763x26 |
| RenderTableSection {TBODY} at (0,0) size 763x26 |
| RenderTableRow {TR} at (0,2) size 763x22 |
| RenderTableCell {TD} at (2,2) size 759x22 [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 48x19 |
| text run at (1,1) width 48: "A table." |
| RenderBlock {P} at (0,928) size 769x20 |
| RenderText {#text} at (0,0) size 622x19 |
| text run at (0,0) width 622: "For reference, the second table has its text all centered, the third table has the \"A table.\" line aligned left." |
| RenderBlock {HR} at (0,964) size 769x2 [border: (1px inset #000000)] |
| RenderBlock {P} at (0,982) size 769x20 |
| RenderText {#text} at (0,0) size 58x19 |
| text run at (0,0) width 58: "See also: " |
| RenderInline {A} at (0,0) size 124x19 [color=#0000EE] |
| RenderText {#text} at (58,0) size 124x19 |
| text run at (58,0) width 124: "Strict Mode Version" |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock (anonymous) at (0,1018) size 769x20 |
| RenderText {#text} at (0,0) size 21x19 |
| text run at (0,0) width 21: "-->" |