### Snippet name

Brief description

#### HTML

```html

```

#### CSS

```css

```

#### Demo

<!-- You must create a `snippet-demo` parent block and use it as a namespace with BEM syntax. -->

<div class="snippet-demo">
  <some-element class="snippet-demo__snippet-name"></some-element>
</div>

<!-- Add your style rules here. -->

<style>

</style>

#### Explanation

<!-- Use a step-by-step (ordered) list if possible. Keep it concise. -->

#### Browser support

<!-- Use the checkmark or the warning emoji, see the existing snippets. -->

<span class="snippet__support-note">✅ No caveats.</span>

<!-- Whenever possible, link a `caniuse` feature which allows the browser support percentage to be displayed.
If no link is provided, it defaults to 99+%. -->

* https://caniuse.com/#feat=some-feature

<!-- tags: (separate each by a comma) -->