Skip to content

Fenced Divs

To style a region of markdown without introducing a named shortcode, use a bare ::: fence with a {.class} attribute block. Full markdown renders inside: headings, lists, images, links, and nested shortcodes all work normally.

Basic fenced div

::: {.tagline}
Civic engagement through community-centered performance.
:::

Civic engagement through community-centered performance.

This renders as:

<div class="tagline">
  <p>Civic engagement through community-centered performance.</p>
</div>

Multiple classes

::: {.hero .narrow}
## Our story

Founded in 2018, we make theatre that listens.
:::

Our story

Founded in 2018, we make theatre that listens.

Use named-class fenced divs instead of <div class="…"> HTML wrappers. The class lives in .moss/theme/style.css; the markdown stays readable. A bare ::: with no attribute block is not a shortcode — it remains literal text in the output.

moss