# Divider

Source: https://iriscss.com/documentation/components/divider/

A rule with text in the middle.

```html
<button class="primary">Sign in with a passkey</button>
<p class="divider">or</p>
<label>Email <input type="email" name="email"></label>
```

For a rule without text, use `<hr>`. See [typography](https://iriscss.com/documentation/elements/typography/index.html.md#address-and-rule).