CSS: Contoh Footer Laporan Untuk Tanda Tangan
Contoh koding CSS membuat footer laporan untuk tanda tangan
.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 apa - Jika tanda tangan elemen terakhir, maka tidak perlu diberikan div
clear