third_party/WebKit/LayoutTests/fast/css-intrinsic-dimensions/max-width-unconstrained-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     .max-width-min-content,
  15     .max-width-max-content,
  16     .max-width-fit-content {
  17         display: inline-block;
  18     }
  19 </style>
  20
  21 <div class="max-width-min-content">
  22     <span>Min Content</span><br>on this box.
  23 </div>
  24
  25 <br>
  26
  27 <div class="max-width-max-content">
  28     <span>Max Content</span> on this box.
  29 </div>
  30
  31 <br>
  32
  33 <div class="max-width-fill-available">
  34     <span>Fill Available</span> on this box.
  35 </div>
  36
  37 <div class="max-width-fit-content">
  38     <span>Fit Content</span> on this box.
  39 </div>