layout/reftests/flexbox/flexbox-min-bsize-keywords-vert-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       width: -moz-fit-content;
  13     }
  14     .container > * {
  15       border: 1px solid black;
  16     }
  17     .itemA {
  18       background: purple;
  19     }
  20     .itemB {
  21       background: teal;
  22     }
  23     .itemC {
  24       background: blue;
  25     }
  26     .itemD {
  27       background: yellow;
  28     }
  29   </style>
  30 </head>
  31 <body>
  32   <div class="container">
  33     <div class="itemA">itemA</div>
  34     <div class="itemB">itemB</div>
  35     <div class="itemC">itemC</div>
  36     <div class="itemD">itemD</div>
  37   </div>
  38 </body>
  39 </html>