Ben Gorman

Ben Gorman

Life's a garden. Dig it.

Occasionally you'll want to inject HTML into your post, perhaps to style or organize content in an atypical or complex way. Fortunately, most HTML tags can be generated using an inline tag

:tagName[content here]{.someClassName}

or a container tag

:::tagName{.someClassName}
content here
:::

Examples

Most of these examples make heavy use of Tailwind CSS classes. Without them, it'd be difficult to illustrate the rendered HTML elements, and there wouldn't be much reason to use HTML elements in the first place.

See our docs for Tailwind CSS ->

:span[I'm in a span, and now I'm red!]{.text-red-500}

I'm in a span, and now I'm red!

:::div{.bg-sky-500 .text-white .text-center .text-lg}
I'm white text, centered in a blue div!
:::

I'm white text, centered in a blue div!