title: Javascript split text string to fit within div element pages
body: <p>I have been using overflow scroll to display the text. I realize that the overflow property can detect when the data is larger than will fit. 
  I need to fill one div element, then another, and so on until all the data is set within pages. The breaks can't break a word.
  Only one page/div will be display: block; and the rest will be display: none;</p>
  
  <p>What is the best way to allow data to be displayed on multiple div pages?</p>