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>