Cara - Gambar Tengah
Pelajari cara memusatkan gambar dengan CSS.
Gambar di tengah:
Cara Memusatkan Gambar
Langkah 1) Tambahkan HTML:
Contoh
<img src="paris.jpg" alt="Paris" class="center">
Langkah 2) Tambahkan CSS:
Untuk memusatkan gambar, atur margin kiri dan kanan ke auto
dan buat menjadi block
elemen:
Contoh
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
Perhatikan bahwa itu tidak dapat dipusatkan jika lebar diatur ke 100% (lebar penuh).
Tip: Buka Tutorial Gambar CSS kami untuk mempelajari lebih lanjut tentang cara menata gambar.