Cara menengahkan gambar

Belajar bagaimana menggunakan CSS untuk menengahkan gambar.

Menengahkan gambar:

Tulip

Cara menengahkan gambar

Langkah pertama - Tambahkan HTML:

<img src="paris.jpg" alt="Paris" class="center">

Langkah kedua - Tambahkan CSS:

Untuk menengahkan gambar, atur marjin samping kiri dan kanan: autodan tetapkan ke elemen blok:

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

Coba sendiri

Perhatikan, jika lebar disetel 100%(Panjang huruf), maka tidak dapat diatur tengah.

Halaman yang berhubungan

Panduan:Gambar CSS