title: Prevent line break for 2 divs inside other div
body: <p>Would like to achieve something like this:</p>
  
  <pre><code>|--- parent-div ------------------------|
  ||----- child-div-1 -------||----- child-div-2 -------|
  |---------------------------------------|
  </code></pre>
  
  <p>Which in fact will look like:</p>
  
  <pre><code>|--- parent-div ------------------------|
  ||----- child-div-1 -------||----- chi..|
  |---------------------------------------|
  </code></pre>
  
  <p>Imagine that you have an input field that shows user's domain relatively to the website's name e.g. <code>http://www.domain-name.com/**username**</code></p>
  
  <ul>
  <li>Parent div has to stays fixed size e.g. 200px;</li>
  <li>Child div 1 and 2 float next to each other</li>
  </ul>
  
  <p>What happens now is Child Div 2 jumps into next line:</p>
  
  <pre><code>|--- parent-div ------------------------|
  ||----- child-div-1 -------|            |
  ||----- child-div-2 ----------|         |
  |---------------------------------------|
  </code></pre>