<!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">
    <input class="child">
    <input class="child">
</div>

<div class="container">
    <input class="child">
    <input class="child">
</div>