> For the complete documentation index, see [llms.txt](https://talltips.novate.co.uk/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://talltips.novate.co.uk/tailwind/styled-unordered-lists.md).

# Styled Unordered Lists

## The skinny on elegant lists:

<figure><img src="/files/Fl6cfahge7cF7aiZSou1" alt=""><figcaption></figcaption></figure>

To provided colored bullets, and indented list items use the following classes on the UL element;

```
<ul class="ml-4 space-y-4 list-disc marker:text-red-700">
```

`ml-4` to indent the (default) list-outside so that the bullets align with the left of the paragraph

`space-y-4` to add vertical spacing between all the `ul` children

`marker:text-red-700` sets the color of the disc element