<!DOCTYPE html>
<html>
<style>
a {
    float: left;
    background-color: green;
    width: 100px;
    height: 100px;
    margin: 0 13px 13px 0;
}
.lastInRow {
    margin-right: 0;
}
div {
    width: 370px;
}
</style>
<body>
<p>This tests that we get nth-child and nth-last-child correct on style recalc. There should be 2 identical rows of green boxes below.</p>
<div>
<a></a>
<a></a>
<a class="lastInRow"></a>
<a></a>
<a></a>
<a class="lastInRow"></a>
</div>
