third_party/WebKit/LayoutTests/fast/css-intrinsic-dimensions/nowrap-min-content.html

   1 <!DOCTYPE html>
   2 <style>
   3 .container {
   4     width: 100px;
   5     border: 5px solid salmon;
   6     overflow: hidden;
   7     margin: 5px;
   8     padding: 0;
   9 }
  10 .nowrap {
  11     white-space: nowrap;
  12 }
  13 .min-width {
  14     min-width: -webkit-min-content;
  15     min-width: -moz-min-content;
  16     min-width: -ie-min-content;
  17     min-width: min-content;
  18 }
  19 .child {
  20     float: left;
  21     width: 100px;
  22     height: 20px;
  23     background-color: pink;
  24     margin: 5px;
  25 }
  26 </style>
  27
  28 Tests that floated children of a white-space:nowrap element still wrap.
  29
  30 <div class="container min-width nowrap">
  31     <input class="child">
  32     <input class="child">
  33 </div>
  34
  35 <div class="container nowrap">
  36     <input class="child">
  37     <input class="child">
  38 </div>