<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
{% for level in levels %}
{%- render '@h', {level: level, content: 'Heading ' + level} -%}
{% endfor %}
{
"levels": [
1,
2,
3,
4
]
}
Heading styles are applied to headings level one through four (<h1>, <h2>, <h3>,
and <h4>). When headings appear within a .flow container,
they will have a 1em block start (top) margin when following any other element,
which is proportional to the heading font size.
Only four levels are provided. If a page needs more than four heading levels, it should likely be split up into several more concise pages.