1 <p>This is the body with footnotes<sup id="fnref:foo"><a href="#fn:foo" rel="footnote">1</a></sup> 2 that have named<sup id="fnref:bar"><a href="#fn:bar" rel="footnote">2</a></sup> markers and 3 oddly<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>
