Print Label at bottom of last page in Html

Question

I want to print the highlighted content (see screenshot) at the bottom of the last page in my HTML report. When I set position:fixed;, it's coming on each page.

Buyer Confirmation

.BuyerSign {
        height: 40px;
        vertical-align: bottom;
        width: 28%;
        padding-left: 25px;
        text-align: right;
        bottom:0px !important;
        /*bottom: 0px !important;*/
        /*bottom:-200px !important;
        position:relative !important;*/
    }

  <div class="BuyerSign" style="">
                            <label style="border-top:1px solid #000;text-align:center;">
                                Buyer Confirmation
                            </label>
                        </div>

Something like that? https://stackoverflow.com/questions/42136333/css-paged-media-last-page-selector — Christian, Mar 02 '20 at 22:59

score 0 · Answer 1 · answered Mar 02 '20 at 22:46

u should set the container div to relative:

.BuyerSign {
        position:relative;
        bottom:0px;
        height: 40px;
        vertical-align: bottom;
        width: 28%;
        padding-left: 25px;
        text-align: right;
    }

  <div class="BuyerSign" style="">
                            <label style="border-top:1px solid #000;text-align:center;">
                                Buyer Confirmation
                            </label>
                        </div>

Print Label at bottom of last page in Html

1 Answers1