third_party/WebKit/LayoutTests/fast/block/basic/011.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
   2 <html>
   3         <head>
   4                 <title>
   5                          display/box/float/clear test
   6                 </title>
   7         <style type="text/css">
   8 /* last modified: 1 Dec 98 */
   9
  10 html {
  11 font: 10px/1 Verdana, sans-serif;
  12 background-color: blue;
  13 color: white;
  14 }
  15
  16 body {
  17 margin: 1.5em;
  18 border: .5em solid black;
  19 padding: 0;
  20 width: 48em;
  21 background-color: white;
  22 }
  23
  24 dl {
  25 margin: 0;
  26 border: 0;
  27 padding: .5em;
  28 }
  29
  30 dt {
  31 background-color: rgb(204,0,0);
  32 margin: 0;
  33 padding: 1em;
  34 width: 10.638%; /* refers to parent element's width of 47em. = 5em or 50px */
  35 height: 28em;
  36 border: .5em solid black;
  37 float: left;
  38 }
  39
  40 dd {
  41 float: right;
  42 margin: 0 0 0 1em;
  43 border: 1em solid black;
  44 padding: 1em;
  45 width: 34em;
  46 height: 27em;
  47 }
  48
  49 ul {
  50 margin: 0;
  51 border: 0;
  52 padding: 0;
  53 }
  54
  55 li {
  56 display: block; /* i.e., suppress marker */
  57 color: black;
  58 height: 9em;
  59 width: 5em;
  60 margin: 0;
  61 border: .5em solid black;
  62 padding: 1em;
  63 float: left;
  64 background-color: #FC0;
  65 }
  66
  67 #bar {
  68 background-color: black;
  69 color: white;
  70 width: 41.17%; /* = 14em */
  71 border: 0;
  72 margin: 0 1em;
  73 }
  74
  75 #baz {
  76 margin: 1em 0;
  77 border: 0;
  78 padding: 1em;
  79 width: 10em;
  80 height: 10em;
  81 background-color: black;
  82 color: white;
  83 }
  84
  85 form {
  86 margin: 0;
  87 display: inline;
  88 }
  89
  90 p {
  91 margin: 0;
  92 }
  93
  94 form p {
  95 line-height: 1.9;
  96 }
  97
  98 blockquote {
  99 margin: 1em 1em 1em 2em;
 100 border-width: 1em 1.5em 2em .5em;
 101 border-style: solid;
 102 border-color: black;
 103 padding: 1em 0;
 104 width: 5em;
 105 height: 9em;
 106 float: left;
 107 background-color: #FC0;
 108 color: black;
 109 }
 110
 111 address {
 112 font-style: normal;
 113 }
 114
 115 h1 {
 116 background-color: black;
 117 color: white;
 118 float: left;
 119 margin: 1em 0;
 120 border: 0;
 121 padding: 1em;
 122 width: 10em;
 123 height: 10em;
 124 font-weight: normal;
 125 font-size: 1em;
 126 }
 127   </style>
 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 type="radio" name="foo" value="off">
 147                                         </p>
 148                                         <p>
 149                                          whimper
 150                                         <input type="radio" name="foo2" value="on">
 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="sec5526c.gif">reference rendering,</a>
 174                  (except font rasterization and form widgets). All discrepancies should be traceable to CSS1 implementation shortcomings. Once you have finished evaluating this test, you can return to the <A HREF="sec5526c.htm">parent page</A>.
 175                 </p>
 176         </body>
 177 </html>