table-cell-negative-start-margin-align-center.html

<!DOCTYPE html>
<html>
<head>
<style>
/* Disable most default sizing to ensure proper position of our hidTarget. */
body {
    margin: 0px;
}

table {
    border-spacing: 0px;
}

td {
    padding: 0px;
}

div {
    height: 100px;
    width: 100px;
}

.hidTarget
{
    position: absolute;
    left: 15px;
    top: 30px;
    background-color: green;
}

p
{
    position: absolute;
    top: 300px;
}
</style>
<body>
<div class="hidTarget"></div>
<table style="margin: 30px;">
    <tbody>
        <tr>
            <td align="center">
                <div style="margin-left: -15px; background-color: red;"></div>   
            </td>
        </tr>
    </tbody>
</table>
<p>
    <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>
    There should be a green rectangle above with no red.
</p>
</body>
</html>

chromium/third_party/blink/web_tests/fast/table/table-cell-negative-start-margin-align-center.html