third_party/WebKit/LayoutTests/fast/css-intrinsic-dimensions/min-width-expected.html

   1 <!doctype html>
   2 <style>
   3     body * {
   4         border: 5px solid red;
   5         padding: 5px;
   6     }
   7
   8     span {
   9         display: inline-block;
  10         width: 200px;
  11         border-color: green;
  12     }
  13
  14     #container {
  15         width: 150px;
  16     }
  17
  18     .min-width-fit-content,
  19     .min-width-min-content,
  20     .min-width-max-content {
  21         display: inline-block;
  22     }
  23
  24     .min-width-max-content {
  25         white-space: nowrap;
  26     }
  27 </style>
  28
  29 <div id="container">
  30
  31     <div class="min-width-min-content">
  32         <span>Min Content</span> on this box.
  33     </div>
  34
  35     <br>
  36
  37     <div class="min-width-max-content">
  38         <span>Max Content</span> on this box.
  39     </div>
  40
  41     <br>
  42
  43     <div class="min-width-fill-available">
  44         <span>Fill Available</span> on this box.
  45     </div>
  46
  47     <div class="min-width-fit-content">
  48         <span>Fit Content</span> on this box.
  49     </div>
  50
  51 </div>