<!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>