Overflow Tables

Overflow Tables

An overflow table is a great effect if you have a long list of items, but don't want to make your readers scroll down an exceedingly tall website. 

After all, the further you make people scroll, the less likely they'll actually do it - and they'll miss important information as a consequence!

In order to add the scrolling section below, copy and paste the coding before your content and keep your information within the <div> tags. 

<div id="yourName" style="overflow-y: scroll; height: 175px; width: 50%;"><p>Your Content</p>
</div>

<div id="yourName" style="overflow-y: scroll; height: 175px; width: 50%;"><p>Your Content</p></div>

Example 

  1. text 123
  2. text 456 Links to an external site.Two Trees
  3. text 789
  4. text 10 11 12
  5. text 13 14 15
  6. text 16 17 18
  7. text 19 20 21
  8. text 12341251
  9. text 15345634537
  10. text 134512525
  11. text 2345234523
  12. text 25462778345
  13. text 4567445
  14. text 2546
  15. text 457367477
  16. more text
  17. even more text!
  18. yikes, does this list ever stop?
  19. apparently not...