[hobnail]

Originally Posted by Turtle91

Yeah, that was a new one to me too. I haven't really paid attention to accessibility issues...I haven't needed them...and, visually, my books looked fine. But, life happens. Sometimes things become more important than they used to be. Sooo, I'm trying to do better.

Here's where I learned about the hr tag as a context break.

I don't really approve of their use of <p></p> blank lines on either side of the <hr/>...that's what CSS margin's are for...

I like to make my hrs be sort of subtle, not full width and not fully black, and as you say, the spacing is in the hr and I add some to the p that follows it:

hr {
    background-color: hsl(0, 0%, 35%);
    border-style: none;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    width: 6em;
    page-break-after: avoid;
    break-after: avoid;
    width: 6em;
}

hr + p  {
    margin-top: 1.0em;
    text-indent: 0em;
}

I don't remember where but I saw an article recently about some things you could do to jazz up the hr to make it less boring than the single rule.