<!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>