title: text overflow ellipsis: avoid word break
body: <p>In my webpage I have a div with fixed width and using the following css:</p>
  
  <pre><code>width: 200px; 
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  </code></pre>
  
  <p>The ellipsis is working, the problem is that it cuts the final word, and I wanted it to put the ellipsis (...) in the final of a full word.</p>
  
  <p>For instance, if I have the text: "stackoverflow is the best", and if it need to be cutted near the end, I want it to display "stackoverflow is the ..." instead of "stackoverflow is the be..."</p>