Bismillaahirrohmaanirrohiim…
Dengan css kita akan mudah membuat layout halaman website, salah satunya adalah trik bagaimana agar isi dalam sebuah div (dalam hal ini gambar), akan berada ditengah meskipun lebar gambar tersebut tidak dibuat 100%.
Berikut ini ada 3 cara untuk membuat agar gambar berada ditengah secara horizontal:
<div style="text-align:center"> <img src="image.jpg"> </div>
<div style="width:100%"> <img src="image.jpg" style="margin:auto;display:block;width:75%"> </div>
<div style="display: flex;justify-content: center;"> <img src="image.jpg" style="width:75%"> </div>
Berikut ini cara untuk membuat agar gambar berada ditengah secara vertikal:
<div style="display: flex;justify-content: center;align-items: center;height: 500px;"> <img src="image.jpg" style="width:75%;height: 250px;"> </div>
Perlu diketahui bahwa align-items: center akan bekerja jika digunakan bersama display: flex.
Bismillaahirrohmaanirrohiim... Saat ini teknologi sudah berkembang cepat, ada kalanya kita ingin diberikan informasi secara cepat…
Bismillaahirrohmaanirrohiim... Jika web diakses oleh banyak orang, khususnya yang berbasis wordpress, maka secara normal proses…
Bismillaahirrohmaanirrohiim... Saat ini, sekolah baik SD, SMP, ataupun SMA tentunya ingin dapat melihat dan memonitor…
Bismillaahirrohmaanirrohiim... Pada artikel kali ini saya akan berbagi informasi tentang program pendataan pendukung calon legislatif…
Bismillaahirrohmaanirrohiim... Saat kita melakukan screenshot di browser chrome, pada windows 11 menyediakan fungsi yang bagus…
Bismillaahirrohmaanirrohiim... Untuk website yang ingin tidak muncul popup translate dari browser, bisa dicoba kode di…