title: CSS white-space: nowrap results in overflow
body: <p>so I have a container with input field and its description. In case of the description being very short, I would like to have it next to the input field, but in case of longer one I don't want it to be split into two lines. I tried to solve it with white-space:nowrap; property on the description, but the problem is, that if the description is very long, it overflows the container.</p>
  
  <p>Here is a simple showcase:
  <a href="https://jsfiddle.net/mw2gpLqd/2/" rel="nofollow noreferrer">https://jsfiddle.net/mw2gpLqd/2/</a></p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;input type="text" /&gt;
      &lt;span&gt;Very long description which wraps to new line&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there a way to make the description prevent from being split to two lines but still be wrapped in case it should overflow the container?</p>
  
  <p>Thanks!</p>