See attached PDF file.
The footnotes under each column are aligned with the bottom to the bottom of the main
content area. Is it possible to the two footnote areas within one page with each other (the horizontal rule
above each footnote section should be aligned.
The CSS is the following:
<style type="text/css">
.content {
column-count: 2;
text-align: justify;
margin-bottom: 2em;
font-family: Verdana, Arial;
}
@page {
@footnotes {
border-top: 1px solid black;
padding-top: 0.77em;
margin-top: 1em;
}
}
.fn {
counter-increment: footnote;
float: prince-column-footnote; /* THAT'S THE TRICK!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
font-size: 0.75em;
margin-left: 3em;
color: blue;
}
.fn::footnote-call {
content: "[" counter(footnote) "]";
font-size: 83%;
vertical-align: super;
}
</style>
The footnotes under each column are aligned with the bottom to the bottom of the main
content area. Is it possible to the two footnote areas within one page with each other (the horizontal rule
above each footnote section should be aligned.
The CSS is the following:
<style type="text/css">
.content {
column-count: 2;
text-align: justify;
margin-bottom: 2em;
font-family: Verdana, Arial;
}
@page {
@footnotes {
border-top: 1px solid black;
padding-top: 0.77em;
margin-top: 1em;
}
}
.fn {
counter-increment: footnote;
float: prince-column-footnote; /* THAT'S THE TRICK!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
font-size: 0.75em;
margin-left: 3em;
color: blue;
}
.fn::footnote-call {
content: "[" counter(footnote) "]";
font-size: 83%;
vertical-align: super;
}
</style>