<p>This is a para with a footnote.<sup class="footnote-ref" id="fnref-foo"><a href="#fn-foo">1</a></sup></p>

<p>This is another para with a footnote<sup class="footnote-ref" id="fnref-hyphen-ated"><a href="#fn-hyphen-ated">2</a></sup> in it. Actually it has two<sup class="footnote-ref" id="fnref-Capital"><a href="#fn-Capital">3</a></sup> of
them.</p>

<div class="footnotes">
<hr />
<ol>
<li id="fn-foo">
<p>Here is the body of the first footnote.&nbsp;<a href="#fnref-foo" class="footnoteBackLink" title="Jump back to footnote 1 in the text.">&#8617;</a></p>
</li>

<li id="fn-hyphen-ated">
<p>And of the second footnote.</p>

<p>This one has multiple paragraphs.&nbsp;<a href="#fnref-hyphen-ated" class="footnoteBackLink" title="Jump back to footnote 2 in the text.">&#8617;</a></p>
</li>

<li id="fn-Capital">
<p>Here is a footnote body that starts on next line.&nbsp;<a href="#fnref-Capital" class="footnoteBackLink" title="Jump back to footnote 3 in the text.">&#8617;</a></p>
</li>
</ol>
</div>