title: Determine What Text Is Hidden Due To overflow: hidden
body: <p>I've searched but I can't seem to find an answer on how to do this. </p>
  
  <p>I'd like to be able to determine what text is hidden/invisible while using overflow: hidden in a div. I'm trying manage some pagination when the screen is printed.</p>
  
  <p>In the (simplified) example below I'd like to be able to determine what text from div-1 isn't visible so it can be moved to div-2 via javascript or jQuery. </p>
  
  <pre><code>// css
  .divs {
      width: 250px; 
      overflow: hidden; 
      white-space: nowrap;
  }
  
  
  // html
  &lt;div class="divs" id="div-1"&gt;
      This is some text that I can see ... 
      but this text is not visible due to overflow: hidden
  &lt;/div&gt;
  
  &lt;div class="divs" id="div-2"&gt;&lt;/div&gt;
  </code></pre>