upvote
Tufte CSS[1] provides a style for this, I like the good use of the "wasted" space in the margins of most browsers.

[1] https://edwardtufte.github.io/tufte-css/

reply
Thanks! Also, if you squish the browser down to mobile-size, they turn into end notes. It took me a bit of experimentation to get it like this!
reply
On my tablet (always in landscape, not lacking space), with "desktop site" mode on, the sidenotes are turned into footnotes anyway. (The text is unnecessarily large: perhaps what happened was like mobile device? -> make text big -> no room for side notes now.)
reply
I was slightly disappointed of them still being labeled as "side notes" even if they were at the bottom
reply
Heh. I guess one could have some fun with a ::before {content: "Side" or "Foot" } inside each breakpoint's media query.
reply
Yeah, there is room for improvement there.
reply