third_party/WebKit/LayoutTests/fast/css/padding-margin-negative-border.html

   1 <!DOCTYPE html>
   2 <html>
   3   <body>
   4     <table style="width:700px">
   5       <tr>
   6         <td>top</td>
   7         <td style="width:400px">
   8           <b style="border:solid;">
   9             <i style="
  10                 background-color:green;
  11                 margin: -30px 0px 0px 0px;
  12                 padding: 1px 0px 0px 0px;">
  13                 Here is some text.
  14             </i>
  15           </b>
  16         </td>
  17       </tr>
  18     </table>
  19
  20     <table style="width:700px">
  21       <tr>
  22         <td>right</td>
  23         <td style="width:400px">
  24           <b style="border:solid;">
  25             <i style="
  26                 background-color:green;
  27                 margin: 0px -208px 0px 0px;
  28                 padding: 0px 1px 0px 0px;">
  29                 Here is some text.
  30             </i>
  31           </b>
  32         </td>
  33       </tr>
  34     </table>
  35
  36     <table style="width:700px">
  37       <tr>
  38         <td>bottom</td>
  39         <td style="width:400px">
  40           <b style="border:solid;">
  41             <i style="
  42                 background-color:green;
  43                 margin: 0px 0px -30px 0px;
  44                 padding: 0px 0px 1px 0px;">
  45                 Here is some text.
  46             </i>
  47           </b>
  48         </td>
  49       </tr>
  50     </table>
  51
  52     <table style="width:700px">
  53         <td>left</td>
  54         <td style="width:400px">
  55           <b style="border:solid;">
  56             <i style="
  57                 background-color:green;
  58                 margin: 0px 0px 0px -208px;
  59                 padding: 0px 0px 0px 31px;">
  60                 Here is some text.
  61             </i>
  62           </b>
  63         </td>
  64       </tr>
  65     </table>
  66   </body>
  67 </html>