third_party/WebKit/LayoutTests/css3/flexbox/multiline-min-preferred-width.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <link rel="stylesheet" href="resources/flexbox.css">
   5 <script src="../../resources/check-layout.js"></script>
   6 <style>
   7 .item {
   8     padding: 7px;
   9     background-color: green;
  10     border: 4px solid olive;
  11     width: min-content;
  12 }
  13
  14 .square {
  15     background-color: lime;
  16     width: 20px;
  17     height: 20px;
  18 }
  19 </style>
  20 </head>
  21 <body onload="checkLayout('.container')">
  22
  23 <div class="container flexbox wrap" data-expected-height=42>
  24   <div class="item flexbox wrap" data-expected-width=42 data-expected-height=42>
  25     <div class="square" data-expected-width=20 data-expected-height=20></div>
  26   </div>
  27 </div>
  28
  29 </body>
  30 </html>