Skip to main content

Horizontal Rule

The Horizontal Rule is used to separate content.

The Horizontal Rule, based on the <hr/> element, serves as a thematic break among runs of content and renders as a line.

Example​

Horizontal Rule​

<hr class="bux-horizontal-rule" />

Accessibility​

  • Horizontal rules are announced in screen readers, so use them sparingly and not for decoration.
  • Do not use a Horizontal Rule to separate content where a heading (that explicitly labels the ensuing content) is more appropriate.
Back to top