When you render Markdown inside ``, you can switch Markdown to class-based mode so Tailwind utilities control the styling. For details on setting up Tailwind build-time compilation, see the [Tailwind Plugin guide](/styling/tailwind/). :::note `markdownStyleMode="tailwind"` is only supported inside `` and throws otherwise. ::: ## Example ```tsx import { Body, Head, Html, Markdown, Tailwind, render } from 'hono-email' const { html } = await render( {` # Markdown email Paragraph with \`code\` `} , ) ``` ## Mixing inline and class-based styles `markdownCustomStyles` and `markdownContainerStyles` are still available in Tailwind mode if you want to mix class-based and inline overrides.