| <!DOCTYPE html> | |
| <link href='resources/grid.css' rel='stylesheet'> | |
| <style> | |
| .grid { | |
| background-color: lightgrey; | |
| } | |
| </style> | |
| <p>This test checks that vertical-align should have no effect on a grid item | |
| i.e grid items' content should not be shifted by the vertical-align</p> | |
| <div class='grid'> | |
| <!-- grid item: block child --> | |
| <div>block</div> | |
| <!-- grid item: anonymous block box around inline content --> | |
| anonymous item 2 | |
| <!-- grid item: inline child --> | |
| <span>item 3</span> | |
| </div> |