title: CSS display element in one line with nowrap
body: <p>I now width of my <code>div</code>, but i don't know height of my childrens <code>button</code> and <code>ins</code> tag.
  The ins tag has nowrap.</p>
  
  <p>I would like display <code>button</code> in one line with <code>ins</code> tag.</p>
  
  <pre><code>div {
      border: 1px solid red;
      width: 150px;
      overflow: hidden;
  }
  
  button {
  }
  
  ins {
      white-space: nowrap;
  }
  </code></pre>
  
  <p>There is my code, but now is <code>ins</code> below <code>button</code>: <a href="http://jsfiddle.net/ZZrJM/" rel="nofollow">http://jsfiddle.net/ZZrJM/</a><br>
  I can't use height of <code>div</code>.   </p>
  
  <p>How display button and ins in one line?</p>