Lesson 4 of 3013%
(Progress persistence is disabled until Phase 9)
Tailwind CSS
Beginner
Tailwind + HTML
How to write HTML infused with Tailwind utility classes.
In this playground, you’ll be writing HTML code and styling it using Tailwind classes.
The Developer Experience
You don’t need to switch between .html and .css files. You just write your structural HTML and style it simultaneously.
<article class="max-w-md mx-auto p-4 border rounded">
<h1 class="text-3xl font-bold mb-2">Hello World</h1>
<p class="text-gray-700">This is a paragraph styled with Tailwind.</p>
</article>Try It Yourself
Play around with the provided example in the editor.
Try It Yourself