chris antaki
December 29, 2025

Add base styles to Tailwind themes

Want to use Tailwind to style HTML without Tailwind classes? This is actually pretty easy. Just update your tailwind.css file.

/* tailwind.css */

@layer base {
  p {
    @apply my-4;
  }
}

Now your HTML will look nice even without Tailwind classes.

<!-- index.html -->

<p>
  Generated from Markdown but still styled.
</p>