third_party/WebKit/LayoutTests/css3/flexbox/vertical-align-do-not-effect-flex-items-expected.html

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