third_party/WebKit/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   <script src="../../resources/ahem.js"></script>
   6   <style type="text/css">
   7     .test {
   8         height: 2em;
   9         font: 40px/60px Ahem; color: blue;
  10     }
  11
  12     #control {
  13       height: 40px;
  14       margin-bottom: -18px;
  15     }
  16     #control2 {
  17       height: 40px;
  18       width: 15px;
  19       margin-bottom: -18px;
  20     }
  21
  22     img {
  23       background: blue;
  24     }
  25   </style>
  26  </head>
  27  <body>
  28   <p>There should be a single blue rectangle with perfectly straight sides below.</p>
  29   <div class="test">
  30     <img id="control" 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  --><img id="control2" src="support/swatch-blue.png" alt="FAIL">
  37   </div>
  38
  39  </body>
  40 </html>