third_party/WebKit/LayoutTests/fast/table/table-cell-negative-start-margin-align-center.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 /* Disable most default sizing to ensure proper position of our hidTarget. */
   6 body {
   7     margin: 0px;
   8 }
   9
  10 table {
  11     border-spacing: 0px;
  12 }
  13
  14 td {
  15     padding: 0px;
  16 }
  17
  18 div {
  19     height: 100px;
  20     width: 100px;
  21 }
  22
  23 .hidTarget
  24 {
  25     position: absolute;
  26     left: 15px;
  27     top: 30px;
  28     background-color: green;
  29 }
  30
  31 p
  32 {
  33     position: absolute;
  34     top: 300px;
  35 }
  36 </style>
  37 <body>
  38 <div class="hidTarget"></div>
  39 <table style="margin: 30px;">
  40     <tbody>
  41         <tr>
  42             <td align="center">
  43                 <div style="margin-left: -15px; background-color: red;"></div>
  44             </td>
  45         </tr>
  46     </tbody>
  47 </table>
  48 <p>
  49     <a href="https://bugs.webkit.org/show_bug.cgi?id=89515">89515</a>: REGRESSION(r113885): Margin not properly applied to elements with align=center<br>
  50     There should be a green rectangle above with no red.
  51 </p>
  52 </body>
  53 </html>