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

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

<h3>CSS</h3>

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

<h3>HTML</h3>

```html
<todo-lit>
  <p>This is child content</p>
</todo-lit>
```