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