| border-collapse: collapse; |
| <p>Test to make sure that wrap-reverse flips the cross axis directions and items |
| with baseline alignment are aligned to cross axis start.</p> |
| <table style="background-color: #aaa"> |
| <tr><td colspan=2 style="height: 5px"></td></tr> |
| <td style="vertical-align: top"><div style="background-color: pink">third</div></td> |
| <td style="background-color: yellow">fourth<br>fourth</td> |
| <td style="background-color: lightblue">first<br>first<br>first</td> |
| <td style="vertical-align: top"><div style="background-color: lightgreen">second</div></td> |
| <table style="background-color: #aaa"> |
| <td style="vertical-align: top"><div style="background-color: pink">third</div></td> |
| <td style="background-color: yellow">fourth<br>fourth</td> |
| <tr><td colspan=2 style="height: 5px"></td></tr> |
| <td style="background-color: lightblue">first<br>first<br>first</td> |
| <td style="vertical-align: top"><div style="background-color: lightgreen">second</div></td> |
| <table style="background-color: #aaa"> |
| <td style="vertical-align: top; background-color: lightblue; height: 100px">first</td> |
| <td style="vertical-align: bottom"><div style="background-color: lightgreen">second</div><div> </div></td> |
| <td style="vertical-align: bottom"><div style="background-color: pink">third<br>third</div></td> |