third_party/WebKit/LayoutTests/fast/multicol/table-margin-collapse.html

   1 <!DOCTYPE html>
   2 <style>
   3     .columns { -webkit-column-count:2; -webkit-column-gap:20px; column-fill:auto; border:2px solid black; width:520px; height:300px }
   4     .block { height:200px; }
   5 </style>
   6 <p>The four rectangles below should both be at the top of their columns. If one is lower than the
   7     other, the test has failed. The pattern in each column should be the same (orange/yellow).</p>
   8 <div class="columns">
   9     <table cellpadding=0 cellspacing=0 border=0 width="100%">
  10         <tr>
  11             <td width="50%">
  12                 <div class="block" style="margin-bottom:200px; background-color:orange"></div>
  13                 <div class="block" style="background-color:orange"></div>
  14             </td>
  15             <td width="50%">
  16                 <div class="block" style="margin-bottom:200px; background-color:yellow"></div>
  17                 <div class="block" style="background-color:yellow"></div>
  18             </td>
  19         </tr>
  20     </table>
  21 </div>