third_party/WebKit/LayoutTests/fast/css/vertical-align-baseline-rowspan-012.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5     table {
   6         vertical-align:baseline;
   7     }
   8     td {
   9         vertical-align:baseline;
  10         border: 1px solid #f90;
  11     }
  12     #img1 {
  13         width: 100px;
  14         height: 150px;
  15         background-color: green;
  16     }
  17     #img2 {
  18         background-color: green;
  19     }
  20 </style>
  21 </head>
  22 <body>
  23 <p> https://bugs.webkit.org/show_bug.cgi?id=108357:  The bottom of the two green boxes should be aligned and there should be no space above the first box.</p>
  24 <table>
  25     <tbody>
  26         <tr>
  27              <td><img id="img1" src="resources/greenbox-100px.png"></td><td><img id="img2" src="resources/greenbox.png"></td>
  28         </tr>
  29     </tbody>
  30 </table>
  31 <script>
  32     var img = document.getElementById("img2");
  33     img.src = "resources/greenbox-100px.png";
  34 </script>
  35 </body>
  36 </html>
  37