title: Is it possible to calculate the space that html content will occupy on a default-zoomed screen?
body: <p>HTML/CSS/JS question:  You have simply-formatted HTML pages with text content.  Imagine, if you will, something like </p>
  
  <pre><code>&lt;p&gt;content&lt;/p&gt;
  &lt;div&gt;content2&lt;/div&gt;
  &lt;ul&gt;
      &lt;li&gt;c1&lt;/li&gt;
      &lt;li&gt;c2&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>all of which only contains text, with variable formatting based on css.
  You would like to display this content in a certain area on the page.  Assume that for the purposes of this discussion this area is assumed to be sufficiently large enough to display content of any 1 set of tags that are not nested with other tags.  </p>
  
  <p>1)you do not want the content to overflow the area of display on the page
  2)you don't want to create scrollboxes  in the area of display on the page</p>
  
  <p>Is it possible to dynamically calculate how much of this content you can display on the screen? If so, I would use this information to chunk the content and through JS show the pieces in a powerpoint manner.</p>