Join the AI Workshop and learn to build real-world apps with AI. A hands-on, practical program to level up your skills.
I wanted a separation between sibling elements on my HTML page.
One idea I had was to wrap them in section tags, or in a div, and apply a margin on the top or bottom of that element.
Another approach was to not touch the overall HTML structure and instead use a tag as a divider.
So I used an hr tag, which semantically represents a thematic break between paragraph-level tags.
And I styled it in this way, to make it invisible but still take space:
hr {
margin-top: 100px;
border: none;
}