1<p>This is the body with footnotes<sup id="fnref:foo"><a class="footnote-ref" href="#fn:foo">1</a></sup> 2that have named<sup id="fnref:bar"><a class="footnote-ref" href="#fn:bar">2</a></sup> markers and 3oddly<sup id="fnref:56"><a class="footnote-ref" href="#fn:56">3</a></sup> numbered<sup id="fnref:99"><a class="footnote-ref" href="#fn:99">4</a></sup> markers.</p> 4<div class="footnote"> 5<hr /> 6<ol> 7<li id="fn:foo"> 8<p>Footnote marked <code>foo</code>. <a class="footnote-backref" href="#fnref:foo" title="Jump back to footnote 1 in the text">↩</a></p> 9</li> 10<li id="fn:bar"> 11<p>This one is marked <em>bar</em>. <a class="footnote-backref" href="#fnref:bar" title="Jump back to footnote 2 in the text">↩</a></p> 12</li> 13<li id="fn:56"> 14<p>A <strong>numbered</strong> footnote. <a class="footnote-backref" href="#fnref:56" title="Jump back to footnote 3 in the text">↩</a></p> 15</li> 16<li id="fn:99"> 17<p>The last one. <a class="footnote-backref" href="#fnref:99" title="Jump back to footnote 4 in the text">↩</a></p> 18</li> 19</ol> 20</div>