Commit 1d1801e7 authored by darin's avatar darin

More layout tests here.


git-svn-id: http://svn.webkit.org/repository/webkit/trunk@4742 268f45cc-cd09-0410-ab3c-d52691b4dbfc
parent b5a817a4
layer at (0,0) size 800x600
RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x546
RenderBlock {HTML} at (0,0) size 800x546
RenderBody {BODY} at (8,8) size 784x530 [bgcolor=#CCCCCC]
RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 385x17
text run at (0,0) width 385: "The style declarations which apply to the text below are:"
RenderBlock {PRE} at (0,31) size 784x64 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 176x64
text run at (0,0) width 160: ".one {color: green;}"
text run at (0,16) width 128: ".1 {color: red;}"
text run at (0,32) width 152: ".a1 {color: green;}"
text run at (0,48) width 176: "P.two {color: purple;}"
RenderBlock {HR} at (1,109) size 782x2 [bgcolor=#000000]
RenderBlock {P} at (0,125) size 784x17 [color=#008000] [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 213x17
text run at (0,0) width 213: "This sentence should be green."
RenderBlock {P} at (0,156) size 784x17 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 613x17
text run at (0,0) width 613: "This sentence should be black, not red-- class selectors cannot begin with digits in CSS1."
RenderBlock {P} at (0,187) size 784x17 [color=#008000] [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 213x17
text run at (0,0) width 213: "This sentence should be green."
RenderBlock {P} at (0,218) size 784x17 [color=#800080] [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 218x17
text run at (0,0) width 218: "This sentence should be purple."
RenderBlock {PRE} at (0,249) size 784x16 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 280x16
text run at (0,0) width 280: "This sentence should NOT be purple."
RenderBlock {UL} at (0,279) size 784x17 [bgcolor=#000000]
RenderListItem {LI} at (40,0) size 744x17
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 253x17
text run at (0,0) width 253: "This sentence should NOT be purple."
RenderTable {TABLE} at (0,310) size 635x220 [bgcolor=#000000]
RenderTableSection {TBODY} at (1,1) size 0x218
RenderTableRow {TR} at (0,0) size 0x0
RenderTableCell {TD} at (0,0) size 633x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 164x17
text run at (4,4) width 164: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
RenderTableCell {TD} at (0,109) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x17
text run at (4,4) width 4: "\x{A0}"
RenderTableCell {TD} at (12,25) size 621x193 [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 613x17 [color=#008000]
RenderText {TEXT} at (0,0) size 213x17
text run at (0,0) width 213: "This sentence should be green."
RenderBlock {P} at (4,35) size 613x17
RenderText {TEXT} at (0,0) size 613x17
text run at (0,0) width 613: "This sentence should be black, not red-- class selectors cannot begin with digits in CSS1."
RenderBlock {P} at (4,66) size 613x17 [color=#008000]
RenderText {TEXT} at (0,0) size 213x17
text run at (0,0) width 213: "This sentence should be green."
RenderBlock {P} at (4,97) size 613x17 [color=#800080]
RenderText {TEXT} at (0,0) size 218x17
text run at (0,0) width 218: "This sentence should be purple."
RenderBlock {PRE} at (4,128) size 613x16
RenderText {TEXT} at (0,0) size 280x16
text run at (0,0) width 280: "This sentence should NOT be purple."
RenderBlock {UL} at (4,158) size 613x17
RenderListItem {LI} at (40,0) size 573x17
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 253x17
text run at (0,0) width 253: "This sentence should NOT be purple."
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<HTML>
<HEAD>
<TITLE>CSS1 Test Suite: 1.4 Class as selector</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META http-equiv="Content-Style-Type" content="text/css">
<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
<STYLE type="text/css">
.one {color: green;}
.1 {color: red;}
.a1 {color: green;}
P.two {color: purple;}</STYLE>
</HEAD>
<BODY><P>The style declarations which apply to the text below are:</P>
<PRE>.one {color: green;}
.1 {color: red;}
.a1 {color: green;}
P.two {color: purple;}
</PRE>
<HR>
<P class="one">
This sentence should be green.
</P>
<P class="1">
This sentence should be black, not red-- class selectors cannot begin with digits in CSS1.
</P>
<P class="a1">
This sentence should be green.
</P>
<P class="two">
This sentence should be purple.
</P>
<PRE class="two">This sentence should NOT be purple.
</PRE>
<UL>
<LI class="two">This sentence should NOT be purple.
</UL>
<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
<TR>
<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
</TR>
<TR>
<TD bgcolor="silver">&nbsp;</TD>
<TD><P class="one">
This sentence should be green.
</P>
<P class="1">
This sentence should be black, not red-- class selectors cannot begin with digits in CSS1.
</P>
<P class="a1">
This sentence should be green.
</P>
<P class="two">
This sentence should be purple.
</P>
<PRE class="two">This sentence should NOT be purple.
</PRE>
<UL>
<LI class="two">This sentence should NOT be purple.
</UL>
</TD></TR></TABLE></BODY>
</HTML>
layer at (0,0) size 800x834
RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x834
RenderBlock {HTML} at (0,0) size 800x834
RenderBody {BODY} at (8,8) size 784x818 [bgcolor=#CCCCCC]
RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 385x17
text run at (0,0) width 385: "The style declarations which apply to the text below are:"
RenderBlock {PRE} at (0,31) size 784x240 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 336x224
text run at (0,0) width 232: "/* This is a CSS1 comment. */"
text run at (0,16) width 336: ".one {color: green;} /* Another comment */"
text run at (0,32) width 288: "/* The following should not be used:"
text run at (0,48) width 168: ".two {color: red;} */"
text run at (0,64) width 320: ".three {color: green; /* color: red; */}"
text run at (0,80) width 24: "/**"
text run at (0,96) width 176: ".four {color: red;} */"
text run at (0,112) width 168: ".five {color: green;}"
text run at (0,128) width 32: "/**/"
text run at (0,144) width 160: ".six {color: green;}"
text run at (0,160) width 88: "/*********/"
text run at (0,176) width 176: ".seven {color: green;}"
text run at (0,192) width 128: "/* a comment **/"
text run at (0,208) width 176: ".eight {color: green;}"
RenderBlock {HR} at (1,285) size 782x2 [bgcolor=#000000]
RenderBlock {P} at (0,301) size 784x17 [color=#008000] [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 213x17
text run at (0,0) width 213: "This sentence should be green."
RenderBlock {P} at (0,332) size 784x17 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 210x17
text run at (0,0) width 210: "This sentence should be black."
RenderBlock {P} at (0,363) size 784x17 [color=#008000] [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 213x17
text run at (0,0) width 213: "This sentence should be green."
RenderBlock {P} at (0,394) size 784x17 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 210x17
text run at (0,0) width 210: "This sentence should be black."
RenderBlock {P} at (0,425) size 784x17 [color=#008000] [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 213x17
text run at (0,0) width 213: "This sentence should be green."
RenderBlock {P} at (0,456) size 784x17 [color=#008000] [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 213x17
text run at (0,0) width 213: "This sentence should be green."
RenderBlock {P} at (0,487) size 784x17 [color=#008000] [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 213x17
text run at (0,0) width 213: "This sentence should be green."
RenderBlock {P} at (0,518) size 784x17 [color=#008000] [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 213x17
text run at (0,0) width 213: "This sentence should be green."
RenderTable {TABLE} at (0,549) size 235x269 [bgcolor=#000000]
RenderTableSection {TBODY} at (1,1) size 0x267
RenderTableRow {TR} at (0,0) size 0x0
RenderTableCell {TD} at (0,0) size 233x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 164x17
text run at (4,4) width 164: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
RenderTableCell {TD} at (0,133) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x17
text run at (4,4) width 4: "\x{A0}"
RenderTableCell {TD} at (12,25) size 221x242 [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 213x17 [color=#008000]
RenderText {TEXT} at (0,0) size 213x17
text run at (0,0) width 213: "This sentence should be green."
RenderBlock {P} at (4,35) size 213x17
RenderText {TEXT} at (0,0) size 210x17
text run at (0,0) width 210: "This sentence should be black."
RenderBlock {P} at (4,66) size 213x17 [color=#008000]
RenderText {TEXT} at (0,0) size 213x17
text run at (0,0) width 213: "This sentence should be green."
RenderBlock {P} at (4,97) size 213x17
RenderText {TEXT} at (0,0) size 210x17
text run at (0,0) width 210: "This sentence should be black."
RenderBlock {P} at (4,128) size 213x17 [color=#008000]
RenderText {TEXT} at (0,0) size 213x17
text run at (0,0) width 213: "This sentence should be green."
RenderBlock {P} at (4,159) size 213x17 [color=#008000]
RenderText {TEXT} at (0,0) size 213x17
text run at (0,0) width 213: "This sentence should be green."
RenderBlock {P} at (4,190) size 213x17 [color=#008000]
RenderText {TEXT} at (0,0) size 213x17
text run at (0,0) width 213: "This sentence should be green."
RenderBlock {P} at (4,221) size 213x17 [color=#008000]
RenderText {TEXT} at (0,0) size 213x17
text run at (0,0) width 213: "This sentence should be green."
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<HTML>
<HEAD>
<TITLE>CSS1 Test Suite: 1.7 Comments</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META http-equiv="Content-Style-Type" content="text/css">
<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
<STYLE type="text/css">
/* This is a CSS1 comment. */
.one {color: green;} /* Another comment */
/* The following should not be used:
.two {color: red;} */
.three {color: green; /* color: red; */}
/**
.four {color: red;} */
.five {color: green;}
/**/
.six {color: green;}
/*********/
.seven {color: green;}
/* a comment **/
.eight {color: green;}
</STYLE>
</HEAD>
<BODY><P>The style declarations which apply to the text below are:</P>
<PRE>/* This is a CSS1 comment. */
.one {color: green;} /* Another comment */
/* The following should not be used:
.two {color: red;} */
.three {color: green; /* color: red; */}
/**
.four {color: red;} */
.five {color: green;}
/**/
.six {color: green;}
/*********/
.seven {color: green;}
/* a comment **/
.eight {color: green;}
</PRE>
<HR>
<P class="one">
This sentence should be green.
</P>
<P class="two">
This sentence should be black.
</P>
<P class="three">
This sentence should be green.
</P>
<P class="four">
This sentence should be black.
</P>
<P class="five">
This sentence should be green.
</P>
<P class="six">
This sentence should be green.
</P>
<P class="seven">
This sentence should be green.
</P>
<P class="eight">
This sentence should be green.
</P>
<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
<TR>
<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
</TR>
<TR>
<TD bgcolor="silver">&nbsp;</TD>
<TD><P class="one">
This sentence should be green.
</P>
<P class="two">
This sentence should be black.
</P>
<P class="three">
This sentence should be green.
</P>
<P class="four">
This sentence should be black.
</P>
<P class="five">
This sentence should be green.
</P>
<P class="six">
This sentence should be green.
</P>
<P class="seven">
This sentence should be green.
</P>
<P class="eight">
This sentence should be green.
</P>
</TD></TR></TABLE></BODY>
</HTML>
This diff is collapsed.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"><html><head><title>CSS1 Test Suite: 1.1 Containment in HTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
<link rel="stylesheet" type="text/css" href="../resources/linktest.css" title="Default SS">
<link rel="alternate stylesheet" type="text/css" href="../resources/linktest2.css" title="Alternate SS">
<style type="text/css">
@import url(../resources/imptest1.css);
@import "../resources/imptest1a.css";
UL {color: red;}
.four {color: purple;}
@import url(../resources/imptest2.css);
<!--
P.six {color: green;}
--></style></head>
<body><p>The style declarations which apply to the text below are:</p>
<pre>&lt;LINK rel="stylesheet" type="text/css" href="linktest.css" title="Default SS"&gt;
&lt;LINK rel="alternate stylesheet" type="text/css" href="linktest2.css" title="Alternate SS"&gt;
@import url(imptest1.css);
@import "imptest1a.css";
UL {color: red;}
.four {color: purple;}
@import url(imptest2.css);
&lt;!--
P.six {color: green;}
--&gt;
</pre>
<hr>
<p class="one">
This sentence should be underlined due to the linked style sheet <code>linktest.css</code>, the reference to which is shown above.
</p>
<p class="two">
This sentence should NOT be underlined due to the linked style sheet <code>linktest2.css</code>, <strong>unless</strong> the external style sheet "Alternate SS" has been selected via the user agent.
</p>
<ul>
<li class="three">
This sentence should be green due to an imported style sheet [<code>@import url(imptest1.css);</code>].
</li>
<li class="threea">
This sentence should be purple due to an imported style sheet [<code>@import "imptest1a.css"</code>].
</li>
<li style="color: green;">
This sentence should be green thanks to the STYLE attribute [<code>STYLE="color: green;"</code>].
</li>
</ul>
<p class="four">
This sentence should be purple, and it doesn't have a terminating paragraph tag.
</p><ol>
<li>This list should NOT be purple.
</li><li>It should, instead, be black.
</li><li>If it IS purple, then the browser hasn't correctly parsed the preceding paragraph.
</li></ol>
<p class="five">
This sentence should be black. If it is red, then the browser has inappropriately imported the styles from the file <tt>imptest2.css</tt> (see <a href="http://www.w3.org/TR/REC-CSS1#the-cascade">section 3.0</a> of the CSS1 specification for more details).
</p>
<p class="six">
This paragraph should be green.
</p>
<table border="1" cellspacing="0" cellpadding="3" class="tabletest">
<tbody><tr>
<td colspan="2" bgcolor="silver"><strong>TABLE Testing Section</strong></td>
</tr>
<tr>
<td bgcolor="silver"> </td>
<td><p class="one">
This sentence should be underlined due to the linked style sheet <code>linktest.css</code>, the reference to which is shown above.
</p>
<p class="two">
This sentence should NOT be underlined due to the linked style sheet <code>linktest2.css</code>, <strong>unless</strong> the external style sheet "Alternate SS" has been selected via the user agent.
</p>
<ul>
<li class="three">
This sentence should be green due to an imported style sheet [<code>@import url(imptest1.css);</code>].
</li>
<li class="threea">
This sentence should be purple due to an imported style sheet [<code>@import "imptest1a.css"</code>].
</li>
<li style="color: green;">
This sentence should be green thanks to the STYLE attribute [<code>STYLE="color: green;"</code>].
</li>
</ul>
<p class="four">
This sentence should be purple, and it doesn't have a terminating paragraph tag.
</p><ol>
<li>This list should NOT be purple.
</li><li>It should, instead, be black.
</li><li>If it IS purple, then the browser hasn't correctly parsed the preceding paragraph.
</li></ol>
<p class="five">
This sentence should be black. If it is red, then the browser has inappropriately imported the styles from the file <tt>imptest2.css</tt> (see <a href="http://www.w3.org/TR/REC-CSS1#the-cascade">section 3.0</a> of the CSS1 specification for more details).
</p>
<p class="six">
This paragraph should be green.
</p>
</td></tr></tbody></table></body></html>
\ No newline at end of file
layer at (0,0) size 800x600
RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x393
RenderBlock {HTML} at (0,0) size 800x393
RenderBody {BODY} at (8,8) size 784x377 [bgcolor=#CCCCCC]
RenderBlock {P} at (0,0) size 784x16 [color=#000080] [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 320x16
text run at (0,0) width 320: "The style declarations which apply to the text below are:"
RenderBlock {PRE} at (0,30) size 784x64 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 472x48
text run at (0,0) width 288: "P {color: navy; font-family: serif;}"
text run at (0,16) width 472: "HTML BODY TABLE P {color: purple; font-family: sans-serif;}"
text run at (0,32) width 224: "EM, UL LI LI {color: green;}"
RenderBlock {HR} at (1,108) size 782x2 [bgcolor=#000000]
RenderBlock {P} at (0,124) size 784x16 [color=#000080] [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 568x16
text run at (0,0) width 568: "This sentence should be navy serif in the first half of the page, but purple and sans-serif in the table."
RenderBlock {P} at (0,154) size 784x16 [color=#000080] [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 505x16
text run at (0,0) width 505: "This sentence should be normal for its section, except for the last word, which should be "
RenderInline {EM} at (0,0) size 31x15 [color=#008000]
RenderText {TEXT} at (505,0) size 31x16
text run at (505,0) width 31: "green"
RenderText {TEXT} at (536,0) size 4x16
text run at (536,0) width 4: "."
RenderBlock {UL} at (0,184) size 784x34 [bgcolor=#000000]
RenderListItem {LI} at (40,0) size 744x34
RenderBlock (anonymous) at (0,0) size 744x17
RenderListMarker at (0,0) size 0x14
RenderInline {EM} at (0,0) size 36x16 [color=#008000]
RenderText {TEXT} at (0,1) size 36x16
text run at (0,1) width 36: "Hello."
RenderText {TEXT} at (36,0) size 434x17
text run at (36,0) width 4: " "
text run at (40,0) width 430: "The first \"hello\" should be green, but this part should be black."
RenderBlock {UL} at (0,17) size 744x17
RenderListItem {LI} at (40,0) size 704x17 [color=#008000]
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 148x17
text run at (0,0) width 148: "This should be green."
RenderTable {TABLE} at (0,232) size 712x145 [bgcolor=#000000]
RenderTableSection {TBODY} at (1,1) size 0x143
RenderTableRow {TR} at (0,0) size 0x0
RenderTableCell {TD} at (0,0) size 710x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 164x17
text run at (4,4) width 164: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
RenderTableCell {TD} at (0,71) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x17
text run at (4,4) width 4: "\x{A0}"
RenderTableCell {TD} at (12,25) size 698x118 [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 690x17 [color=#800080]
RenderText {TEXT} at (0,0) size 690x17
text run at (0,0) width 690: "This sentence should be navy serif in the first half of the page, but purple and sans-serif in the table."
RenderBlock {P} at (4,35) size 690x17 [color=#800080]
RenderText {TEXT} at (0,0) size 611x17
text run at (0,0) width 611: "This sentence should be normal for its section, except for the last word, which should be "
RenderInline {EM} at (0,0) size 37x16 [color=#008000]
RenderText {TEXT} at (611,1) size 37x16
text run at (611,1) width 37: "green"
RenderText {TEXT} at (648,0) size 5x17
text run at (648,0) width 5: "."
RenderBlock {UL} at (4,66) size 690x34
RenderListItem {LI} at (40,0) size 650x34
RenderBlock (anonymous) at (0,0) size 650x17
RenderListMarker at (0,0) size 0x14
RenderInline {EM} at (0,0) size 36x16 [color=#008000]
RenderText {TEXT} at (0,1) size 36x16
text run at (0,1) width 36: "Hello."
RenderText {TEXT} at (36,0) size 434x17
text run at (36,0) width 4: " "
text run at (40,0) width 430: "The first \"hello\" should be green, but this part should be black."
RenderBlock {UL} at (0,17) size 650x17
RenderListItem {LI} at (40,0) size 610x17 [color=#008000]
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 148x17
text run at (0,0) width 148: "This should be green."
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<HTML>
<HEAD>
<TITLE>CSS1 Test Suite: 1.6 Contextual selectors</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META http-equiv="Content-Style-Type" content="text/css">
<LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
<STYLE type="text/css">
P {color: navy; font-family: serif;}
HTML BODY TABLE P {color: purple; font-family: sans-serif;}
EM, UL LI LI {color: green;}
</STYLE>
</HEAD>
<BODY><P>The style declarations which apply to the text below are:</P>
<PRE>P {color: navy; font-family: serif;}
HTML BODY TABLE P {color: purple; font-family: sans-serif;}
EM, UL LI LI {color: green;}
</PRE>
<HR>
<P>
This sentence should be navy serif in the first half of the page, but purple and sans-serif in the table.
</P>
<P>
This sentence should be normal for its section, except for the last word, which should be <EM>green</EM>.
</P>
<UL>
<LI><EM>Hello.</EM> The first "hello" should be green, but this part should be black.
<UL>
<LI>This should be green.
</UL>
</UL>
<TABLE border cellspacing="0" cellpadding="3" class="tabletest">
<TR>
<TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
</TR>
<TR>
<TD bgcolor="silver">&nbsp;</TD>
<TD><P>
This sentence should be navy serif in the first half of the page, but purple and sans-serif in the table.
</P>
<P>
This sentence should be normal for its section, except for the last word, which should be <EM>green</EM>.
</P>
<UL>
<LI><EM>Hello.</EM> The first "hello" should be green, but this part should be black.
<UL>
<LI>This should be green.
</UL>
</UL>
</TD></TR></TABLE></BODY>
</HTML>
layer at (0,0) size 800x600
RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x316
RenderBlock {HTML} at (0,0) size 800x316
RenderBody {BODY} at (8,8) size 784x300 [bgcolor=#CCCCCC]
RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 385x17
text run at (0,0) width 385: "The style declarations which apply to the text below are:"
RenderBlock {PRE} at (0,31) size 784x32 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 272x16
text run at (0,0) width 272: ".one, .two, .three {color: green;}"
RenderBlock {HR} at (1,77) size 782x2 [bgcolor=#000000]
RenderBlock {P} at (0,93) size 784x17 [color=#008000] [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 213x17
text run at (0,0) width 213: "This sentence should be green."
RenderBlock {P} at (0,124) size 784x17 [color=#008000] [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 213x17
text run at (0,0) width 213: "This sentence should be green."
RenderBlock {P} at (0,155) size 784x17 [color=#008000] [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 213x17
text run at (0,0) width 213: "This sentence should be green."
RenderTable {TABLE} at (0,186) size 235x114 [bgcolor=#000000]
RenderTableSection {TBODY} at (1,1) size 0x112
RenderTableRow {TR} at (0,0) size 0x0
RenderTableCell {TD} at (0,0) size 233x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 164x17
text run at (4,4) width 164: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
RenderTableCell {TD} at (0,56) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x17
text run at (4,4) width 4: "\x{A0}"
RenderTableCell {TD} at (12,25) size 221x87 [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 213x17 [color=#008000]
RenderText {TEXT} at (0,0) size 213x17
text run at (0,0) width 213: "This sentence should be green."
RenderBlock {P} at (4,35) size 213x17 [color=#008000]
RenderText {TEXT} at (0,0) size 213x17
text run at (0,0) width 213: "This sentence should be green."
RenderBlock {P} at (4,66) size 213x17 [color=#008000]
RenderText {TEXT} at (0,0) size 213x17
text run at (0,0) width 213: "This sentence should be green."
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<HTML>
<HEAD>
<TITLE>CSS1 Test Suite: 1.2 Grouping</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META http-equiv="Content-Style-Type" content="text/css">