layout/reftests/bugs/428521-1b.html

   1 <html>
   2 <head>
   3   <style>
   4     body  { margin: 0; }
   5     div.a, div.b { display: inline-block;      }
   6     div.a { width: 200px;  background: blue;   }
   7     div.b { width: 200px;  background: green;  }
   8     td.c  { width: 80%;    background: orange; }
   9     div.d { width: 100px;  background: purple; }
  10   </style>
  11 </head>
  12 <body>
  13 The blue and green divs should be on the same line.
  14 <table cellspacing=0 cellpadding=0>
  15   <tr><td>
  16     <table cellspacing=0 cellpadding=0>
  17       <tr>
  18         <td colspan="2"><div class="a">a</div><div class="b">b</div></td>
  19       </tr>
  20       <tr>
  21         <td class="c">c</td>
  22         <td><div class="d">d</div></td>
  23       </tr>
  24     </table>
  25   </td></tr>
  26 </table>
  27 </body>
  28 </html>