P

Tailwind Markdown Support

Using markdown to add tailwind classes to your content

Use a fullstop "." at the beginning of a line to add a class. When using Tailwind in your client site this can add useful styling:

text-center

e.g. to center a heading instead of using the default for your stylesheet:

.text-center ## This is a centralised heading

w-full

e.g. to control width:

.w-full [This is a full width link](https://pullnote.com)

colour

.text-red-600 This text is red

This text is red

Combining classes

classes can be combined, to give e.g. 1/3 width centered

.text-center .w-1/3 content centrally aligned and taking up a 1/3rd of the available width

content centrally aligned and taking up a 1/3rd of the available width


Developers Blog T&Cs Privacy