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

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