Code

This sentence has a footnote. <sup><a href="#fn-note-1" id="fn-1">1</a></sup>

Vestibulum dapibus suscipit molestie. Nunc nec convallis eros, eget posuere enim. Mauris varius urna sed augue gravida semper. In dapibus suscipit nisi eu adipiscing.<sup><a href="#fn-note-2" id="fn-2">2</a></sup> Quisque fringilla, metus a mollis hendrerit, quam lectus placerat nisi, sit amet bibendum enim odio eget urna.

<ol class="footnotes">
  <li id="fn-note-1">
    First footnote. <a href="#fn-1">&#8617;</a>
  </li>
  <li id="fn-note-2">
    Second footnote. <a href="#fn-2">&#8617;</a>
  </li>
</ol>

Rendering

This sentence has a footnote. ¹

Vestibulum dapibus suscipit molestie. Nunc nec convallis eros, eget posuere enim. Mauris varius urna sed augue gravida semper. In dapibus suscipit nisi eu adipiscing.² Quisque fringilla, metus a mollis hendrerit, quam lectus placerat nisi, sit amet bibendum enim odio eget urna.

First footnote. ↩
Second footnote. ↩