third_party/WebKit/LayoutTests/css3/flexbox/columns-center-with-margins-and-wrap-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <link href="resources/flexbox.css" rel="stylesheet">
   5  <style>
   6     .flexbox {
   7       border: 1px solid black;
   8       width: 400px;
   9       height: 200px;
  10     }
  11     .item1 {
  12       background: lightblue;
  13     }
  14     .item2 {
  15       background: lime;
  16     }
  17   </style>
  18 </head>
  19 <body>
  20   <div class="flexbox column wrap">
  21     <div class="item1 align-self-center">centeredWithMargins</div>
  22     <div class="item2 align-self-center">centeredWithAlignSelf</div>
  23     <div class="item2 align-self-center">centeredWithAlignSelf</div>
  24     <div class="item2 align-self-center">centeredWithAlignSelf</div>
  25     <div class="item2 align-self-center">centeredWithAlignSelf</div>
  26     <div class="item2 align-self-center">centeredWithAlignSelf</div>
  27     <div class="item2 align-self-center">centeredWithAlignSelf</div>
  28     <div class="item2 align-self-center">centeredWithAlignSelf</div>
  29     <div class="item2 align-self-center">centeredWithAlignSelf</div>
  30     <div class="item2 align-self-center">centeredWithAlignSelf</div>
  31     <div class="item2 align-self-center">centeredWithAlignSelf</div>
  32     <div class="item2 align-self-center">centeredWithAlignSelf</div>
  33     <div class="item2 align-self-center">centeredWithAlignSelf</div>
  34     <div class="item2 align-self-center">centeredWithAlignSelf</div>
  35     <div class="item2 align-self-center">centeredWithAlignSelf</div>
  36   </div>
  37 </body>
  38 </html>