---
layout: example.11ty.cjs
title: <ol-provider> ⌲ Examples ⌲ Basic
tags: example
name: Basic
description: A basic example
---

<style>
  ol-provider p {
    border: solid 1px blue;
    padding: 8px;
  }
</style>
<ol-provider>
  <p>This is child content</p>
</ol-provider>

<h3>CSS</h3>

```css
p {
  border: solid 1px blue;
  padding: 8px;
}
```

<h3>HTML</h3>

```html
<ol-provider>
  <p>This is child content</p>
</ol-provider>
```