LayoutTests/css2.1/20110323/vertical-align-boxes-001-expected.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3  <head>
   4   <title>CSS Test: Reference Result</title>
   5   <style type="text/css">
   6     .test {
   7         height: 2em;
   8         font: 40px/60px Ahem; color: blue;
   9     }
  10
  11     #control {
  12       height: 40px;
  13       margin-bottom: -18px;
  14     }
  15     #control2 {
  16       height: 40px;
  17       width: 15px;
  18       margin-bottom: -18px;
  19     }
  20
  21     img {
  22       background: blue;
  23     }
  24   </style>
  25  </head>
  26  <body>
  27   <p>There should be a single blue rectangle with perfectly straight sides below.</p>
  28   <div class="test">
  29     <img id="control" src="support/swatch-blue.png" alt="FAIL"><!--
  30  --><img id="control2" src="support/swatch-blue.png" alt="FAIL"><!--
  31  --><img id="control2" src="support/swatch-blue.png" alt="FAIL"><!--
  32  --><img id="control2" src="support/swatch-blue.png" alt="FAIL"><!--
  33  --><img id="control2" src="support/swatch-blue.png" alt="FAIL"><!--
  34  --><img id="control2" src="support/swatch-blue.png" alt="FAIL"><!--
  35  --><img id="control2" src="support/swatch-blue.png" alt="FAIL">
  36   </div>
  37
  38  </body>
  39 </html>