Accessible footnotes with CSS

Maintaining footnotes manually can be a pain. By using CSS counters to add the numbered references in the text and an ordered list to display the actual footnotes in the footer, it becomes extremely easy.


  1. Footnotes are notes placed at the bottom of a page. They cite references or comment on a designated part of the text above it.
  2. Cascading Style Sheets
  3. CSS counters are, in essence, variables maintained by CSS whose values may be incremented by CSS rules to track how many times they’re used.

NOTHING new goes below this text.

Purpose: the purpose of this page is to serve as a test page, for writing/editing html/css code.