


<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
      PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Seventh Test of Module 16 of CSS3 Spec</title>

<style type="text/css">
#body1 {position: absolute; left: 100px; top: 100px }
#p1 {color: gray}
#em1 {color: blue}
#strong1 {color: yellow}
#p2 {color: green}





</style>
</head>




<body id="body1">
<h1 >
Testing Seventh Testable Statement of Module 16 of CSS3 Specification
</h1>


<ul>
<li  >
7. User stylesheets and CSS3 user interface functionality are consistent.
(re: UI Forms/WD)
</li>
</ul>




<h2 >
PASS CRITERIA:
</h2>
<p id="p1">
If statement #7 above is passed, then
this paragraph should be in the initial containing block and gray.
The rule applied is "#body1 {position: absolute; left: 100px; top: 100px }".
"#body1" is applied to "BODY" and "#p1" is applied to "p".
Also "#p1 {color: gray}".
</p>
<p id="p2">
<em id="em1">This emphasized text (blue) covers the
first two sentences of the paragraph.
Rules are "#em1 {color: blue}", "#strong1 {color: yellow}",
and "#p2 {color: green}".
</em>
<strong id="strong1">This strong text is yellow</strong>.
This part of paragraph should be green.
"#em1" is applied to "em", "#p2" is applied to "p", and "#strong1" is applied
to "strong".
</p>

<p>
All other properties of this page should be UA-default.
</p>


</body>
</html>
