| <!DOCTYPE html> |
| <style> |
| .container { |
| width: 100px; |
| border: 5px solid salmon; |
| overflow: hidden; |
| margin: 5px; |
| padding: 0; |
| } |
| .nowrap { |
| white-space: nowrap; |
| } |
| .min-width { |
| min-width: -webkit-min-content; |
| min-width: -moz-min-content; |
| min-width: -ie-min-content; |
| min-width: min-content; |
| } |
| .child { |
| float: left; |
| width: 100px; |
| height: 20px; |
| background-color: pink; |
| margin: 5px; |
| } |
| </style> |
| |
| Tests that floated children of a white-space:nowrap element still wrap. |
| |
| <div class="container min-width nowrap"> |
| <input class="child"> |
| <input class="child"> |
| </div> |
| |
| <div class="container nowrap"> |
| <input class="child"> |
| <input class="child"> |
| </div> |
