</div>
<p>Inline elements: <span class="m-label m-primary">Primary label</span>,
<span class="m-label m-flat m-warning">Flat warning label</span>.</p>
+<section id="transitions-builtin">
+<h2><a href="#transitions-builtin">Transitions, builtin</a></h2>
+<p>Builtin transition in the middle of a section, stays inside the section node:</p>
+<hr />
+<p>Builtin transition at the end of a section, gets extracted outside of the
+section node. Clicking on the section header will not include it in the
+highlight.</p>
+</section>
+<hr />
+<section id="transitions-m-css">
+<h2><a href="#transitions-m-css">Transitions, m.css</a></h2>
+<p>M.css transition in the middle of a section, stays inside the section node:</p>
+<p class="m-transition">~ * ~ * ~</p>
+<p>M.css transition at the end of a section, gets extracted outside of the section
+node the same as a builtin transition. Clicking on the section header will not
+include it in the highlight.</p>
+</section>
+<p class="m-transition">~ * ~ * ~</p>
+<section id="section-after">
+<h2>Section after</h2>
+<p>Docutils says "Document may not end with a transition", eh.</p>
+</section>
<!-- /content -->
</div>
</div>
Inline elements: :label-primary:`Primary label`,
:label-flat-warning:`Flat warning label`.
+
+`Transitions, builtin`_
+=======================
+
+Builtin transition in the middle of a section, stays inside the section node:
+
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+Builtin transition at the end of a section, gets extracted outside of the
+section node. Clicking on the section header will not include it in the
+highlight.
+
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+`Transitions, m.css`_
+=====================
+
+M.css transition in the middle of a section, stays inside the section node:
+
+.. transition:: ~ * ~ * ~
+
+M.css transition at the end of a section, gets extracted outside of the section
+node the same as a builtin transition. Clicking on the section header will not
+include it in the highlight.
+
+.. transition:: ~ * ~ * ~
+
+Section after
+=============
+
+Docutils says "Document may not end with a transition", eh.
<li><a href="#section-title-with-link" id="id7">Section title with link</a></li>
</ul>
</li>
+<li><a href="#section-after" id="id8">Section after</a></li>
</ul>
</aside>
<p>A paragraph.</p>
</div>
<section id="section-title-with-link">
<h3><a href="#section-title-with-link">Section title with link</a></h3>
-<p>A line:</p>
+<p>A line in the middle of a section, stays inside the section node:</p>
<hr />
-<p>And a paragraph after.</p>
+<p>A line at the end of a section, gets extracted outside of the section node.
+Clicking on the section header will not include it in the highlight.</p>
</section>
</section>
+<hr />
+<section id="section-after">
+<h2><a href="#id8">Section after</a></h2>
+<p>Docutils says "Document may not end with a transition", eh.</p>
+</section>
<!-- /content -->
</div>
</div>
`Section title with link`_
--------------------------
-A line:
+A line in the middle of a section, stays inside the section node:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-And a paragraph after.
+A line at the end of a section, gets extracted outside of the section node.
+Clicking on the section header will not include it in the highlight.
+
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+Section after
+=============
+
+Docutils says "Document may not end with a transition", eh.