I have a question regarding formatting textual documents in HTML. I'm trying to find a way to display multiple pages within a single HTML document, specifically focusing on keeping the footer at the bottom of each page. My goal is to keep it simple, perhaps using just a <FOOTER> tag with plain text inside. However, I'm struggling to figure out how to make sure the footer stays at the bottom of each page regardless of the amount of preceding text. Is there a method to attach an HTML element to the bottom of another?
For example, refer to this link:
The traditional approaches like using position:relative, position:absolute; bottom:0, and position:fixed; bottom:0 haven't provided the desired result as they either rely on the parent's position or detach the element from the flow. What I need is something similar to what one would expect from float:bottom.