Apa itu display inline-block di CSS

Hai teman-teman DumetSchool !

Display merupakan salah satu property yang ada di CSS. Umumnya para webmaster lebih familiar dengan property display bernilai block dan inline saja. Sebenarnya adalah satu lagi display yang dapat kita gunakan selain 2 jenis display diatas.

Jawabannya adalah display inline-block. Tipe display ini sering membingungkan bagi para webmaster tentang penggunaannya. Pada intinya display inline-block itu adalah jenis display yang mirip dengan display inline. Hanya saja pada display inline-block kita bisa mengatur tinggi dan lebar seleksinya.

Untuk lebih jelasnya, saya ilustrasikan ketiga jenis display diatas. Simpanlah kode berikut sebagai file html.

Lalu hasilnya akan sebagai berikut ini setelah dibuka di browser.

Semoga bermanfaat ya teman-teman dan selamat mencoba