layout/reftests/flexbox/flexbox-min-bsize-keywords-horiz-1-ref.html

   1 <!DOCTYPE html>
   2 <!--
   3      Any copyright is dedicated to the Public Domain.
   4      http://creativecommons.org/publicdomain/zero/1.0/
   5 -->
   6 <html>
   7 <head>
   8   <title>CSS Reference Case</title>
   9   <meta charset="utf-8">
  10   <style>
  11     .container {
  12       display: flex;
  13       flex-direction: row;
  14     }
  15     .container > * {
  16       writing-mode: vertical-lr;
  17       border: 1px solid black;
  18     }
  19     .itemA {
  20       background: purple;
  21     }
  22     .itemB {
  23       background: teal;
  24     }
  25     .itemC {
  26       background: blue;
  27     }
  28     .itemD {
  29       background: yellow;
  30     }
  31   </style>
  32 </head>
  33 <body>
  34   <div class="container">
  35     <div class="itemA">itemA</div>
  36     <div class="itemB">itemB</div>
  37     <div class="itemC">itemC</div>
  38     <div class="itemD">itemD</div>
  39   </div>
  40 </body>
  41 </html>