Export HTML to PDF always align at the bottom of a new page : <p>I am having a problem with export html to PDF. I would like section at the bottom to be always aligned at the bottom of a new page.</p>

<p>Right now this section (when it comes to page break) is aligned at the top of a new page:</p>

<p><a href="https://i.stack.imgur.com/N1ohj.png" rel="noreferrer"><img src="https://i.stack.imgur.com/N1ohj.png" alt="enter image description here"></a></p>

<p>Code for that section:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div style='page-break-inside:avoid;vertical-align:bottom;'&gt;
&lt;font face="Verdana"  &gt;
&lt;br&gt;
        &lt;table cellspacing="0" cellpadding="0" style="width:900px;"&gt;
          &lt;tbody&gt;
			&lt;tr&gt;
				&lt;td style="width:500px"&gt;
					BLAGO DOSTAVIL:&amp;nbsp;______________________&lt;br/&gt;&lt;br/&gt;
					Podpis&lt;br/&gt;&lt;br/&gt;
					Datum:&amp;nbsp;______________________
				&lt;/td&gt;
				&lt;td&gt;
					BLAGO PREVZEL:&amp;nbsp;______________________&lt;br/&gt;&lt;br/&gt;
					Podpis&lt;br/&gt;&lt;br/&gt;
					Datum:&amp;nbsp;______________________
				&lt;/td&gt;
				
			&lt;/tr&gt;
		  &lt;/tbody&gt;
        &lt;/table&gt;
&lt;/font&gt;
&lt;font face="Verdana" size="1"  &gt;
&lt;br /&gt;&lt;br /&gt;
        &lt;table cellspacing="0" cellpadding="0" style="width:900px;"&gt;
          &lt;tbody&gt;
            &lt;tr&gt;
              &lt;td style="text-align:center"&gt;
				&lt;i&gt;
					testting d.o.o., testing, ID za DDV: testing, matična št.: testing
					&lt;br&gt;
					tel: +386 XXXXXXXXXX, fax: +386 1 XXXXXXXXX, e-mail: info@XXXX.si, web: www.xxxxxxx.si
					&lt;br&gt;
					Družba je vpisana pri okrožnem sodišču v Ljubljani, št. vpisa v registru: 1/XXXXX/00, ustanovni kapital: XX.000 EUR
					&lt;br&gt;
					Račun odprt pri NLB d.d., Iban: SIXXXXXXX, SWIFT-BIC: LJBASI2X
				&lt;/i&gt;
              &lt;/td&gt;
            &lt;/tr&gt;

			&lt;/tbody&gt;
        &lt;/table&gt;
&lt;/font&gt;	
&lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>Here is my code for the whole page (including section at the bottom which jumps into new page at page break):</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;style&gt;#tblArticles{font-size: 12px !important; font-family: verdana, sans-serif; border-collapse: collapse; width: 100%;}
#tblArticles td{border: 1px solid black;text-align: center;padding: 8px;}
#tblArticles th {border: 1px solid black;text-align: center;padding: 8px;background-color: #dddddd;}
&lt;/style&gt;
&lt;style&gt;#tblLeft{position:absolute;left:0; font-size: 10px !important; font-family: verdana, sans-serif;border-collapse:collapse; width:40%;}
#tblLeft td{font-size: 10px !important; border: 1px solid black;text-align: center;padding: 8px;}
#tblLeft th {font-size: 10px !important; border: 1px solid black;text-align: center;padding: 8px;background-color: #dddddd;}&lt;/style&gt;
&lt;style&gt;#tblRight{position:absolute;right:0; font-size: 10px !important; font-family: verdana, sans-serif;border-collapse:collapse; width:20%;}
#tblRight td{font-size: 10px !important; text-align: center;padding: 8px;}&lt;/style&gt;
&lt;table id='tblArticles'&gt;
&lt;thead&gt;
&lt;th&gt;Vrsta blaga/storitve&lt;/th&gt;
                                &lt;th&gt;Interna številka&lt;/th&gt;
                                &lt;th&gt;Prodana koda&lt;/th&gt;
                                &lt;th&gt;Količina&lt;/th&gt;
                                &lt;th&gt;EnM&lt;/th&gt;
                                &lt;th&gt;Cena brez DDV&lt;/th&gt;
                                &lt;th&gt;Vrednost brez DDV&lt;/th&gt;
                                &lt;th&gt;DDV&lt;/th&gt;
                                &lt;th&gt;Znesek DDV&lt;/th&gt;
                                &lt;th&gt;Vrednost z DDV&lt;/th&gt;
&lt;/thead&gt;
&lt;tfoot&gt;
&lt;tr style='visibility:hidden;'&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style='visibility:hidden;'&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style='visibility:hidden;'&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tfoot&gt;
&lt;tbody style='page-break-inside:avoid;'&gt;
&lt;tr style='page-break-inside:avoid;border-bottom:1px solid black !important;'&gt;
&lt;td rowspan='1' style='page-break-inside:avoid;'&gt;&lt;label&gt;Večerja na zajli&lt;/label&gt;&lt;/td&gt;
&lt;td style=''&gt;
&lt;img src=http://localhost:53358/resources/Images/EAN128/VzlSSlNYVlo=.jpg&gt;&lt;br/&gt;
&lt;label&gt;VzlSSlNYVlo=&lt;/label&gt;&lt;br/&gt;
&lt;/td&gt;
&lt;td style=''&gt;&lt;input type='checkbox'&gt;&lt;br/&gt;&lt;label&gt;&lt;/label&gt;&lt;br/&gt;&lt;/td&gt;
&lt;td style='overflow: hidden; white-space: nowrap;' rowspan='1'&gt;1,00&lt;/td&gt;
&lt;td style='overflow: hidden; white-space: nowrap;' rowspan='1'&gt;KOM&lt;/td&gt;
&lt;td style='overflow: hidden; white-space: nowrap;' rowspan='1'&gt;91,14 €&lt;/td&gt;
&lt;td style='overflow: hidden; white-space: nowrap;' rowspan='1'&gt;91,14 €&lt;/td&gt;
&lt;td style='overflow: hidden; white-space: nowrap;' rowspan='1'&gt;9,50 %&lt;/td&gt;
&lt;td style='overflow: hidden; white-space: nowrap;' rowspan='1'&gt;8,66 €&lt;/td&gt;
&lt;td style='overflow: hidden; white-space: nowrap;' rowspan='1'&gt;99,80 €&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style='page-break-inside:avoid;border-bottom:1px solid black !important;'&gt;
&lt;td rowspan='7' style='page-break-inside:avoid;'&gt;&lt;label&gt;Veliki kuharski mojster&lt;/label&gt;&lt;/td&gt;
&lt;td style='border-bottom-style:hidden;'&gt;
&lt;img src=http://localhost:53358/resources/Images/EAN128/TDZKVzRDVks=.jpg&gt;&lt;br/&gt;
&lt;label&gt;TDZKVzRDVks=&lt;/label&gt;&lt;br/&gt;
&lt;/td&gt;
&lt;td style='border-bottom-style:hidden;'&gt;&lt;input type='checkbox'&gt;&lt;br/&gt;&lt;label&gt;&lt;/label&gt;&lt;br/&gt;&lt;/td&gt;
&lt;td style='overflow: hidden; white-space: nowrap;' rowspan='7'&gt;7,00&lt;/td&gt;
&lt;td style='overflow: hidden; white-space: nowrap;' rowspan='7'&gt;KOM&lt;/td&gt;
&lt;td style='overflow: hidden; white-space: nowrap;' rowspan='7'&gt;65,69 €&lt;/td&gt;
&lt;td style='overflow: hidden; white-space: nowrap;' rowspan='7'&gt;459,83 €&lt;/td&gt;
&lt;td style='overflow: hidden; white-space: nowrap;' rowspan='7'&gt;22,00 %&lt;/td&gt;
&lt;td style='overflow: hidden; white-space: nowrap;' rowspan='7'&gt;101,16 €&lt;/td&gt;
&lt;td style='overflow: hidden; white-space: nowrap;' rowspan='7'&gt;560,99 €&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style='page-break-inside:avoid;border-bottom:1px solid black !important;'&gt;
&lt;td style='border-bottom-style:hidden;'&gt;
&lt;img src=http://localhost:53358/resources/Images/EAN128/Q0U2RURCVks=.jpg&gt;&lt;br/&gt;
&lt;label&gt;Q0U2RURCVks=&lt;/label&gt;&lt;br/&gt;
&lt;/td&gt;
&lt;td style='border-bottom-style:hidden;'&gt;&lt;input type='checkbox'&gt;&lt;br/&gt;&lt;label&gt;&lt;/label&gt;&lt;br/&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style='page-break-inside:avoid;border-bottom:1px solid black !important;'&gt;
&lt;td style='border-bottom-style:hidden;'&gt;
&lt;img src=http://localhost:53358/resources/Images/EAN128/RFg0TVZXVks=.jpg&gt;&lt;br/&gt;
&lt;label&gt;RFg0TVZXVks=&lt;/label&gt;&lt;br/&gt;
&lt;/td&gt;
&lt;td style='border-bottom-style:hidden;'&gt;&lt;input type='checkbox'&gt;&lt;br/&gt;&lt;label&gt;&lt;/label&gt;&lt;br/&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style='page-break-inside:avoid;border-bottom:1px solid black !important;'&gt;
&lt;td style='border-bottom-style:hidden;'&gt;
&lt;img src=http://localhost:53358/resources/Images/EAN128/OFdGRTJLVks=.jpg&gt;&lt;br/&gt;
&lt;label&gt;OFdGRTJLVks=&lt;/label&gt;&lt;br/&gt;
&lt;/td&gt;
&lt;td style='border-bottom-style:hidden;'&gt;&lt;input type='checkbox'&gt;&lt;br/&gt;&lt;label&gt;&lt;/label&gt;&lt;br/&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style='page-break-inside:avoid;border-bottom:1px solid black !important;'&gt;
&lt;td style='border-bottom-style:hidden;'&gt;
&lt;img src=http://localhost:53358/resources/Images/EAN128/QlROR0NMVks=.jpg&gt;&lt;br/&gt;
&lt;label&gt;QlROR0NMVks=&lt;/label&gt;&lt;br/&gt;
&lt;/td&gt;
&lt;td style='border-bottom-style:hidden;'&gt;&lt;input type='checkbox'&gt;&lt;br/&gt;&lt;label&gt;&lt;/label&gt;&lt;br/&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style='page-break-inside:avoid;border-bottom:1px solid black !important;'&gt;
&lt;td style='border-bottom-style:hidden;'&gt;
&lt;img src=http://localhost:53358/resources/Images/EAN128/SjNYWkJOVks=.jpg&gt;&lt;br/&gt;
&lt;label&gt;SjNYWkJOVks=&lt;/label&gt;&lt;br/&gt;
&lt;/td&gt;
&lt;td style='border-bottom-style:hidden;'&gt;&lt;input type='checkbox'&gt;&lt;br/&gt;&lt;label&gt;&lt;/label&gt;&lt;br/&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style='page-break-inside:avoid;border-bottom:1px solid black !important;'&gt;
&lt;td style=''&gt;
&lt;img src=http://localhost:53358/resources/Images/EAN128/M0RFWURXVks=.jpg&gt;&lt;br/&gt;
&lt;label&gt;M0RFWURXVks=&lt;/label&gt;&lt;br/&gt;
&lt;/td&gt;
&lt;td style=''&gt;&lt;input type='checkbox'&gt;&lt;br/&gt;&lt;label&gt;&lt;/label&gt;&lt;br/&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;br/&gt;
&lt;div style='page-break-inside:avoid;margin-bottom: 30px;'&gt;
&lt;label style='position:relative;left:0;font-size:12px;'&gt;Specifikacija obračunanega davka, dokumenta št.:&lt;/label&gt;&lt;br/&gt;
&lt;div id='divBottom' style='position:relative;width:100%;min-height:160px;'&gt;
&lt;table id='tblLeft'&gt;
&lt;th&gt;Stopnja&lt;/th&gt;&lt;th&gt;Osnova za DDV&lt;/th&gt;&lt;th&gt;Znesek DDV&lt;/th&gt;&lt;th&gt;Vrednost z DDV&lt;/th&gt;
&lt;tr&gt;
&lt;td&gt;9,5 %&lt;/td&gt;&lt;td&gt;91,14 €&lt;/td&gt;&lt;td&gt;8,66 €&lt;/td&gt;&lt;td&gt;99,80 €&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;
&lt;td&gt;22 %&lt;/td&gt;&lt;td&gt;459,83 €&lt;/td&gt;&lt;td&gt;101,16 €&lt;/td&gt;&lt;td&gt;560,99 €&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;table id='tblRight'&gt;
&lt;tr style='border-bottom:1px solid black !important;'&gt;
&lt;td style='text-align:left;'&gt;&lt;b&gt;Skupaj brez DDV:&lt;/b&gt;&lt;/td&gt;&lt;td style='text-align:right;'&gt;550,97 €&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style='text-align:left;'&gt;&lt;b&gt;Osnova za DDV&lt;/b&gt;&lt;/td&gt;&lt;td style='text-align:right;'&gt;550,97 €&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style='border-bottom:1px solid black !important;'&gt;
&lt;td style='text-align:left;'&gt;&lt;b&gt;DDV:&lt;/b&gt;&lt;/td&gt;&lt;td style='text-align:right;'&gt;109,82 €&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;label style='position:absolute;right:80px;bottom:20px;'&gt;&lt;b&gt;SKUPAJ:&lt;/b&gt;&lt;/label&gt;
&lt;label style='position:absolute;right:0;bottom:20px;'&gt;&lt;b&gt;660,79 €&lt;/b&gt;&lt;/label&gt;
&lt;/div&gt;&lt;/div&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;

&lt;div style='page-break-inside:avoid;vertical-align:bottom;'&gt;
&lt;font face="Verdana"  &gt;
&lt;br&gt;
        &lt;table cellspacing="0" cellpadding="0" style="width:900px;"&gt;
          &lt;tbody&gt;
			&lt;tr&gt;
				&lt;td style="width:500px"&gt;
					BLAGO DOSTAVIL:&amp;nbsp;______________________&lt;br/&gt;&lt;br/&gt;
					Podpis&lt;br/&gt;&lt;br/&gt;
					Datum:&amp;nbsp;______________________
				&lt;/td&gt;
				&lt;td&gt;
					BLAGO PREVZEL:&amp;nbsp;______________________&lt;br/&gt;&lt;br/&gt;
					Podpis&lt;br/&gt;&lt;br/&gt;
					Datum:&amp;nbsp;______________________
				&lt;/td&gt;
				
			&lt;/tr&gt;
		  &lt;/tbody&gt;
        &lt;/table&gt;
&lt;/font&gt;
&lt;font face="Verdana" size="1"  &gt;
&lt;br /&gt;&lt;br /&gt;
        &lt;table cellspacing="0" cellpadding="0" style="width:900px;"&gt;
          &lt;tbody&gt;
            &lt;tr&gt;
              &lt;td style="text-align:center"&gt;
				&lt;i&gt;
					testting d.o.o., testing, ID za DDV: testing, matična št.: testing
					&lt;br&gt;
					tel: +386 XXXXXXXXXX, fax: +386 1 XXXXXXXXX, e-mail: info@XXXX.si, web: www.xxxxxxx.si
					&lt;br&gt;
					Družba je vpisana pri okrožnem sodišču v Ljubljani, št. vpisa v registru: 1/XXXXX/00, ustanovni kapital: XX.000 EUR
					&lt;br&gt;
					Račun odprt pri NLB d.d., Iban: SIXXXXXXX, SWIFT-BIC: LJBASI2X
				&lt;/i&gt;
              &lt;/td&gt;
            &lt;/tr&gt;

			&lt;/tbody&gt;
        &lt;/table&gt;
&lt;/font&gt;	
&lt;/div&gt;</code></pre>
</div>
</div>
</p>
