<p>This is a para with a footnote.<sup class="footnote-ref" id="fnref-1"><a href="#fn-1">1</a></sup></p>
<p>This is another para with a footnote.<sup class="footnote-ref" id="fnref-2"><a href="#fn-2">2</a></sup></p>
<div class="footnotes">
<hr />
<ol>
<li id="fn-1">
<p>And the <strong>body</strong> of the footnote has <code>markup</code>. For example,
a <a href="http://digg.com">link to digg</a>. And some code:</p>
<pre><code>print "Hello, World!"
</code></pre>
<p><a href="#fnref-1" class="footnoteBackLink" title="Jump back to footnote 1 in the text.">&#8617;</a></p>
</li>
<li id="fn-2">
<p>This body has markup too, <em>but</em> doesn't end with a code block.&nbsp;<a href="#fnref-2" class="footnoteBackLink" title="Jump back to footnote 2 in the text.">&#8617;</a></p>
</li>
</ol>
</div>