src/third_party/WebKit/LayoutTests/fast/css-grid-layout/vertical-align-do-not-effect-grid-items.html

   1 <!DOCTYPE html>
   2 <link href='resources/grid.css' rel='stylesheet'>
   3 <style>
   4 .grid {
   5   background-color: lightgrey;
   6 }
   7 #item1 {
   8   vertical-align: 10px;
   9 }
  10 #item3 {
  11   vertical-align: 30px;
  12 }
  13 </style>
  14
  15 <p>This test checks that vertical-align should have no effect on a grid item
  16 i.e grid items' content should not be shifted by the vertical-align</p>
  17
  18 <div class='grid'>
  19   <!-- grid item: block child -->
  20   <div id='item1'>block</div>
  21   <!-- grid item: anonymous block box around inline content -->
  22   anonymous item 2
  23   <!-- grid item: inline child -->
  24   <span id='item3'>item 3</span>
  25 </div>