> ## Documentation Index
> Fetch the complete documentation index at: https://docs.morph-data.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Styling

In Morph, you can use [Tailwind CSS](https://tailwindcss.com/) for styling MDX. Tailwind CSS is a CSS framework that applies styles using HTML class attributes. By using Tailwind CSS, you can easily style without writing CSS directly.

<Card icon="link" title="Tailwind CSS" href={'https://tailwindcss.com/docs/utility-first'}>
  Official Documentation
</Card>

## Example

In an MDX file, you can apply Tailwind CSS classes to HTML elements. In the following example, the `<div>` element has the `bg-blue-500` and `text-white` classes applied.

```html theme={"dark"}
<div className="bg-blue-500 text-white p-4">
  <h1>Styling</h1>
  <p>This is an example of styling html using Tailwind CSS</p>
</div>
```