CSS: Contoh Footer Laporan Untuk Tanda Tangan

Irman Firmansyah

Contoh koding CSS membuat footer laporan untuk tanda tangan

Biasa digunakan untuk membuat layout PDF menggunakan HTML dan CSS

.container-footer {
    width: 100%;
}

.column {
    width: 50%;
    padding: 20px;
    float: left;
}

.signature p {
    text-align: center;
}

.signature p:first-child {
    margin-bottom: 50px;
}

.clear {
    clear: both;
}

<div class="container-footer">
    <div class="column"></div>
    <div class="column signature">
        <p>Hormat Saya,</p>
        <p>Irman Firmansyah</p>
    </div>
    <div class="clear"></div>
</div>
  • float: left digunakan agar kolom berjajar horizontal, jadi kolom tanda tangan ada di kanan
  • Jika kolom tanda tangan ingin disebelah kiri, maka bisa diganti jadi float: right
  • Div clear opsional, digunakan jika dibawah tanda tangan masih ada elemen, misal pesan terima kasih atau yang lainnya
  • Jika tanda tangan elemen terakhir, maka tidak perlu diberikan div clear