title: how do I paginate text with jQuery / javascript?
body: <h2>Here's the brief...</h2>
  
  <p>I need to paginate very long amounts of text using jQuery or javascript.
  Now I have thought about doing character counts etc but the problem is that I'm not using monospace text so that's won't work.</p>
  
  <p>Instead I'm using dynamically entered text (straight from my best friend wordpress).</p>
  
  <p>Here's the setup:</p>
  
  <hr>
  
  <p><img src="https://i.stack.imgur.com/i49M0.jpg" alt="my setup"></p>
  
  <hr>
  
  <p>I have placed the text in a div called <strong>bodytext</strong> which has overflow set to auto. Here's it's styling:</p>
  
  <pre><code>.bodytext {
  width: 465px;
  height: 454px;
  display: block;
  position: absolute;
  display: block;
  margin: 136px 25px;
  font-family: 'Gentium Basic', serif;
  color: #141414;
  line-height: 1.5;
  line-height: 1.5;
  font-size: 17px;
  overflow: hidden;
  }
  </code></pre>
  
  <p>Anyway... the text overflows.</p>
  
  <p>What I want to do is create a series of div's (with the <strong>bodytext</strong> class) all beside eachother that I can hook my buttons up to to toggle between.</p>
  
  <p>I have found this good bit of information out though: every 18 lines I need to create a new div.</p>
  
  <p><strong>I have no idea how to work this out though.</strong></p>
  
  <p>I also need it to be able to handle large quantities of text... perhaps up to 1000 words at a time... resulting in say 10 pages... </p>
  
  <hr>
  
  <p>any help would be lovely!
  Thanks for reading!</p>