How to align bottom correctly as expected image

I working on template page html and CSS .I face issue page template not align bottom

correctly when data is big and more .

so How to alignment page bottom according to expected image below

issue exist on part below

<table>
        <tr>
            <td style="width:40mm">
                <label class="requestInfo-lable-1">CEO:</label>
            </td>
            <td style="width: 40mm; border-bottom: solid 1px;">
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td style="width:40mm">
            </td>
            <td style="width: 40mm;text-align:center;">
                <label class="requestInfo-lable-1">Signature and Date</label>
            </td>
            <td>
            </td>
        </tr>
        </table>
</div>
<br />
<div style="border-top: solid 1px; margin-top: 1px; padding-top: 1px; padding-bottom: 5px; ">
    <table>
       <tr>
            <td style="width:40mm">
                <label class="requestInfo-lable-1" style="margin-bottom:3px">Received by:</label>
            </td>
            <td style="width: 40mm; border-bottom: solid 1px;">
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td style="width:40mm">
            </td>
            <td style="width: 40mm;text-align:center;">
                <label class="requestInfo-lable-1">Signature and Date</label>
            </td>
            <td>
            </td>
        </tr>
    </table>

</div>

my html sample full page html CSS

fiddle exist on

https://jsfiddle.net/mpdv4ur0/

my image details issue

Hi,

Why have you set a 180px height when the element is clearly much taller than that?

<div style="height: 180px;">
            
                @*Requster*@
                @if (!string.IsNullOrEmpty(Model.CreatedByName))
                {
                    
                }

Remove the height as its not needed and you will virtually never give a fixed height to elements that hold fluid content like text :slight_smile: If you need an initial height then use min-height instead and the element can grow.

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.