This article offers a sample of basic Markdown syntax that can be used in your blog posts. It shows how different HTML elements are styled with Tailwind CSS in MDX.

Headings

The following HTML <h1>—<h6> elements represent six levels of section headings. <h1> is the highest section level while <h6> is the lowest.

H1

H2

H3

H4

H5

H6

Paragraph

Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur?

Lists

Ordered List

First item
Second item
Third item

Unordered List

List item
Another item
And another item

Code Blocks

function hello(name: string): string {
  return `Hello, ${name}!`;
}

Blockquotes

Simplicity is the ultimate sophistication.

Leonardo da Vinci

Tables

Feature	Support
MDX	✅
Tailwind	✅
TypeScript	✅