CSS: Contoh Kop Surat Untuk Laporan
Contoh koding CSS untuk membuat kop surat di laporan lengkap dengan logo
.container {
position: relative;
width: 100%;
height: 100vh;
text-align: center;
}
.header-content {
display: inline-block;
margin-top: 10px;
}
.logo {
position: absolute;
top: 10px;
left: 10px;
}
.no-margin {
margin-bottom: 0;
margin-top: 0;
}
<div class="container">
<img class="logo" width="120" src="http://localhost/nama_aplikasi/assets/images/logo.png" alt="Logo">
<div class="header-content">
<h2 class="no-margin">
KOPERASI MAHASISWA (KOPMA)
</h2>
<h1 class="no-margin" style="color: blue;">
"WIDYA DHARMA"
</h1>
<p class="no-margin">
<strong>Badan Hukum No. : 228/BH/KWK.22/III/1996</strong><br>
Jl. Wagimin No. 8 Kediri, Tabanan - Bali<br>
Telp./Fax. 0361 9311605
</p>
</div>
</div>
<hr>
- Width dari logo bisa disesuaikan jika terlalu besar/kecil
- Source logo juga bisa disesuaikan dengan mengisi lengkap URL atau relatif hanya menggunakan
assets/images/logo.png