third_party/WebKit/LayoutTests/fast/css-intrinsic-dimensions/max-width-constrained-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 </style>
  18
  19 <div id="container">
  20
  21     <div class="max-width-min-content">
  22         <span>Min Content</span> on this box.
  23     </div>
  24
  25     <div class="max-width-max-content">
  26         <span>Max Content</span> on this box.
  27     </div>
  28
  29     <div class="max-width-fill-available">
  30         <span>Fill Available</span> on this box.
  31     </div>
  32
  33     <div class="max-width-fit-content">
  34         <span>Fit Content</span> on this box.
  35     </div>
  36
  37 </div>