Divider
A horizontal rule for separating content regions.
Above the line.
Below the line, and a stronger variant:
Show the markup
<p class="cc-paragraph">Above the line.</p>
<hr class="cc-divider">
<p class="cc-paragraph">Below the line, and a stronger variant:</p>
<hr class="cc-divider cc-divider--strong">
Accessibility
- A real
<hr>carries separator semantics. If the rule is purely decorative, addaria-hidden="true". - Prefer headings over dividers when the split is a new section — structure beats decoration.