A nice CSS driven footnotes example

Posted on June 20, 2015

WARNING: Please note that this article was published a long time ago. The information contained might be outdated.

Thank you to Sitepoint and Hugo Giraudel for the nice tutorial on how to create nice footnotes.

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.