title: CSS word-break combined with text-overflow
body: <p>So I am trying to combine <code>word-break</code> with <code>text-overflow</code> which does work at some point but not how it should be.</p>
  
  <p>For example, I have set up this <a href="http://jsfiddle.net/43Ske/" rel="nofollow"><strong>Fiddle</strong></a></p>
  
  <p>CSS:</p>
  
  <pre><code>width: 200px;
  padding: 8px;
  border:1px solid blue;
  word-break: break-word;
  height: 100px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  </code></pre>
  
  <p>For clarification, once text is broken in to parts it should fill box and at the end of the text there should be 3 dots.
  Currently there is just a single line where it works.</p>