padding-margin-negative-border-expected.html

<!DOCTYPE html>
<html>
  <body>
    <table style="width:700px">
      <tr>
        <td>top</td>
        <td style="width:400px">
          <b style="border:solid;">
            <i style="
                background-color:green;
                margin: -30px 0px 0px 0px;
                padding: 1px 0px 0px 0px;">
                Here is some text.
            </i>
          </b>
        </td>
      </tr>
    </table>
 
    <table style="width:700px">
      <tr>
        <td>right</td>
        <td style="width:400px">
          <b style="border:solid;
                    border-color:white">
            <i style="
                background-color:green;
                margin: 0px -208px 0px 0px;
                padding: 0px 1px 0px 0px;">
                Here is some text.
            </i>
          </b>
        </td>
      </tr>
    </table>
 
    <table style="width:700px">
      <tr>
        <td>bottom</td>
        <td style="width:400px">
          <b style="border:solid;">
            <i style="
                background-color:green;
                margin: 0px 0px -30px 0px;
                padding: 0px 0px 1px 0px;">
                Here is some text.
            </i>
          </b>
        </td>
      </tr>
    </table>

    <table style="width:700px">
      <tr>
        <td>left</td>
        <td style="width:400px">
          <b style="border:solid;
                    border-color:white">
            <i style="
                background-color:green;
                margin: 0px 0px 0px -208px;
                padding: 0px 0px 0px 31px;">
                Here is some text.
            </i>
          </b>
        </td>
      </tr>
    </table>
  </body>
</html>
chromium/third_party/blink/web_tests/fast/css/padding-margin-negative-border-expected.html
