<p>
This is a paragraph <a href="#fn1" class="footnote" id="fn_back1">[1]</a> with a <a href="#fn2" class="footnote" id="fn_back2">[2]</a> footnote <a href="#fn11" class="footnote" id="fn_back11">[11]</a> Footnote <a href="#fn3" class="footnote" id="fn_back3">[3]</a>
and another <a href="#fn4" class="footnote" id="fn_back4">[4]</a>
</p>
<blockquote>
<p>
This is just a quotation because indentation doesn't match.
</p>
</blockquote>
<div class="center">
<p>
And this is a centering because there is too much indentation.
</p>
</div>
<p class="fnline"><a class="footnotebody" href="#fn_back1" id="fn1">[1]</a> Footnote.
<br />
Here the footnote continues, because of the same indentation.
</p>
<p class="fnline"><a class="footnotebody" href="#fn_back2" id="fn2">[2]</a> Footnote, single.
</p>
<p class="fnline"><a class="footnotebody" href="#fn_back3" id="fn3">[3]</a> Multiple footnotes lines.
<br />
With a space less.
<br />
With the same space.
<br />
With more space.
</p>
<p class="fnline"><a class="footnotebody" href="#fn_back4" id="fn4">[4]</a> Multiple footnotes lines.
<br />
With a space less.
<br />
With the less space.
<br />
With more space.
<br />
With the same space.
</p>
<p class="fnline"><a class="footnotebody" href="#fn_back11" id="fn11">[11]</a> Footnote.
<br />
Here it continues as well.
<br />
Continuing.
</p>