It's just an <hr>.

This text is placed over

---

This text is placed under

<hr>

Installation

@layer components.root {
  :where(hr) {
    background-color: var(--border-color);
    block-size: var(--border-size-1);
    margin-block: var(--size-fluid-3);
  }
}