A horizontal rule is usually used as a visual divider between two textual elements.
The example component is visible below.
A few notes about this horizontal rule component:
- the default horizontal rule style is reset using the
all: unset declaration,
- the content is set using the before pseudo-selector.