1<p>This is the body with footnotes<sup id="fnref:foo"><a href="#fn:foo" rel="footnote">1</a></sup> 2that have named<sup id="fnref:bar"><a href="#fn:bar" rel="footnote">2</a></sup> markers and 3oddly<sup id="fnref:56"><a href="#fn:56" rel="footnote">3</a></sup> numbered<sup id="fnref:99"><a href="#fn:99" rel="footnote">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>. 9 <a href="#fnref:foo" rev="footnote" title="Jump back to footnote 1 in the text">↩</a></p> 10</li> 11<li id="fn:bar"> 12<p>This one is marked <em>bar</em>. 13 <a href="#fnref:bar" rev="footnote" title="Jump back to footnote 2 in the text">↩</a></p> 14</li> 15<li id="fn:56"> 16<p>A <strong>numbered</strong> footnote. 17 <a href="#fnref:56" rev="footnote" title="Jump back to footnote 3 in the text">↩</a></p> 18</li> 19<li id="fn:99"> 20<p>The last one. 21 <a href="#fnref:99" rev="footnote" title="Jump back to footnote 4 in the text">↩</a></p> 22</li> 23</ol> 24</div>