title: How to find the last visible word position in a text container?
body: <p>Is it possible to find the position of the last visible word of a text(overflow:hidden) shown in a small div?</p>
  
  <p>For example:</p>
  
  <pre><code>&lt;div style="height: 50px; width: 50px; overflow: hidden;"&gt;
  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor 
  invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et 
  accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
  sanctus est Lorem ipsum dolor sit amet.
  &lt;/div&gt;
  </code></pre>
  
  <p>How to calculate the position of the last visible Word in the div container?
  <img src="https://i.stack.imgur.com/VEv0E.jpg" alt="I like to fill the whole div133! "></p>