Unreviewed, rolling out r98483.
[WebKit-https.git] / LayoutTests / css2.1 / t09-c5526c-display-00-e.html
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
2 <html>
3  <head>
4   <title>CSS 2.1 Test Suite: display/box/float/clear test</title>
5   <style type="text/css">
6 html {
7 font: 10px/1 Verdana, sans-serif;
8 background-color: blue;
9 color: white;
10 }
11
12 body {
13 margin: 1.5em;
14 border: .5em solid black;
15 padding: 0;
16 width: 48em;
17 background-color: white;
18 }
19
20 dl {
21 margin: 0;
22 border: 0;
23 padding: .5em;
24 }
25
26 dt { 
27 background-color: rgb(204,0,0);
28 margin: 0; 
29 padding: 1em;
30 width: 10.638%; /* refers to parent element's width of 47em. = 5em or 50px */
31 height: 28em;
32 border: .5em solid black;
33 float: left;
34 }
35
36 dd {
37 float: right;
38 margin: 0 0 0 1em;
39 border: 1em solid black;
40 padding: 1em;
41 width: 34em;
42 height: 27em;
43 }
44
45 ul {
46 margin: 0;
47 border: 0;
48 padding: 0;
49 }
50
51 li {
52 display: block; /* i.e., suppress marker */
53 color: black;
54 height: 9em;
55 width: 5em;
56 margin: 0;
57 border: .5em solid black;
58 padding: 1em;
59 float: left;
60 background-color: #FC0;
61 }
62
63 #bar {
64 background-color: black;
65 color: white;
66 width: 41.17%; /* = 14em */
67 border: 0;
68 margin: 0 1em;
69 }
70
71 #baz {
72 margin: 1em 0;
73 border: 0;
74 padding: 1em;
75 width: 10em;
76 height: 10em;
77 background-color: black;
78 color: white;
79 }
80
81 form { 
82 margin: 0;
83 display: inline;
84 }
85
86 p { 
87 margin: 0;
88 }
89
90 form p {
91 line-height: 1.9;
92 }
93
94 blockquote {
95 margin: 1em 1em 1em 2em;
96 border-width: 1em 1.5em 2em .5em;
97 border-style: solid;
98 border-color: black;
99 padding: 1em 0;
100 width: 5em;
101 height: 9em;
102 float: left;
103 background-color: #FC0;
104 color: black;
105 }
106
107 address {
108 font-style: normal;
109 }
110
111 h1 {
112 background-color: black;
113 color: white;
114 float: left;
115 margin: 1em 0;
116 border: 0;
117 padding: 1em;
118 width: 10em;
119 height: 10em;
120 font-weight: normal;
121 font-size: 1em;
122 }
123
124 .a { color: #999999; }
125 .b { color: #cc0000; }
126   </style>
127   <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html" title="9 Visual formatting model">
128  </head>
129         <body>
130                 <dl>
131                         <dt>
132                          toggle 
133                         </dt>
134                         <dd>
135                         <ul>
136                                 <li>
137                                  the way 
138                                 </li>
139                                 <li id="bar">
140                                 <p>
141                                  the world ends 
142                                 </p>
143                                 <form action="./" method="get">
144                                         <p>
145                                          bang 
146                                         <input value="off" name="foo" type="radio">
147                                         </p>
148                                         <p>
149                                          whimper 
150                                         <input value="on" name="foo2" type="radio">
151                                         </p>
152                                 </form>
153                                 </li>
154                                 <li>
155                                  i grow old 
156                                 </li>
157                                 <li id="baz">
158                                  pluot? 
159                                 </li>
160                         </ul>
161                         <blockquote>
162                                 <address>
163                                          bar maids, 
164                                 </address>
165                         </blockquote>
166                         <h1>
167                                  sing to me, erbarme dich 
168                         </h1>
169                         </dd>
170                 </dl>
171                 <p style="color: black; font-size: 1em; line-height: 1.3em; clear: both">
172                  This is a nonsensical document, but syntactically valid HTML 4.0. All 100%-conformant CSS1 agents should be able to render the document elements above this paragraph indistinguishably (to the pixel) from this 
173                         <a href="support/css1test5526c.png" class="a">reference rendering,</a>
174                  (except font rasterization and form widgets). All discrepancies should be traceable to CSS1 implementation shortcomings.
175                  Please <a href="mailto:public-css-testsuite@w3.org" class="b">report any errors</a> you find between the CSS and the reference rendering.
176                 </p>
177         </body>
178 </html>