javascript - Constant distance from the bottom of the page -

I have a Django application where I create a PDF document using wkhtmltopdf. I have a section like code below. I want exactly 4 texts (objects) on each side but everyone is different and the text comes out of the unequal system. CSS does not help how to do this?

  & lt; Table width = "90%" range = "0" align = "center" cellpadding = "0" cellpaction = "0" style = "margin-top: 50px;" & gt; & Lt; H3 & gt; {% Trans' in progress'%} '& lt; / H3 & gt; For work_on in the executive% {work_on.all%} & lt; Tr & gt; & Lt; Td width = "33%" align = "left" valign = "top" & gt; & Amp; Nbsp; & Lt; / Td> & Lt; Td width = "67%" class = "project-name" & gt; // content & lt; / Td> & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td class = "project-image" width = "33%" align = "left" valign = "top" & gt; // content & lt; / Td> & Lt; Td class = "project-description" valign = "top" & gt; // content & lt; / Td> & Lt; / TR & gt; {% Ifloop.counter | Divisibleby: "4"%} & lt; Tr & gt; & Lt; Td square = "project-description" style = "margin-bottom: 80px;" & Gt; & Lt; Div style = "page-break-after: always;" & Gt; & Lt; / Div & gt; & Lt; / TD & gt; & Lt; / TR & gt; {% Endif%} {% endfor%} & lt; / Table & gt;