third_party/WebKit/LayoutTests/css3/flexbox/columns-center-with-margins-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">
  21     <div class="item1 align-self-center">centeredWithMargins</div>
  22     <div class="item2 align-self-center">centeredWithAlignSelf</div>
  23   </div>
  24   <div style="-webkit-writing-mode: vertical-lr;">
  25     <div class="flexbox column">
  26       <div class="item1 align-self-center">centeredWithMargins</div>
  27       <div class="item2 align-self-center">centeredWithAlignSelf</div>
  28     </div>
  29   </div>
  30 </body>
  31 </html>