79267217

Date: 2024-12-10 06:37:58
Score: 0.5
Natty:
Report link

I adjusted a similar answer

css:

.footer-signature {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    text-align: center;
    margin-top: 2em;
}

.signature-space {
    margin-top: 4em;
}

html:

 <div class="footer-signature">
    <div>
        <div>Pemohon</div>
        <div class="signature-space">
            (..........................................)
        </div>
    </div>

    <div>
        <div>Petugas</div>
        <div class="signature-space">
            (person name)
        </div>
    </div>

    <div>
        <div>Operator</div>
        <div class="signature-space">
            (person name)
        </div>
    </div>
</div>

I changed the flex direction to row and grouped text in divs, thus giving you this look:

Output image

space-between sets the three elements far apart, you may change this by different justify-content values, 'center' with proper margin / spacing looks the most similar to what you want.

Reasons:
  • Long answer (-0.5):
  • Has code block (-0.5):
  • Unregistered user (0.5):
  • Low reputation (1):
Posted by: lemon8de